This is a submission for the DEV April Fools Challenge
What I Built
I built a completely useless website featuring a button that refuses to be clicked.
The page invites the user to press a button to “win a prize”. Simple, right?
Not really.
Every time the user moves their mouse toward the button, the button panics and teleports to another location on the screen. The more you try, the more it mocks your efforts with sarcastic messages.
Demo
Code
How I Built It
Technologies used:
HTML
CSS
JavaScript
The button listens for the mouseover event. Whenever the mouse gets close, JavaScript randomly changes the button's position using the browser window dimensions.
This makes the button behave like a digital ninja that refuses to be captured.
I also added a small attempt counter that displays sarcastic messages after several failed tries to make the experience even more ridiculous.
Top comments (2)
this is how i want my Checkout Button to act when i'm shopping in the middle of the night because i am bored. 😂
This is honestly such a fun way to waste time 😂 I’m kinda hooked now