This is a submission for the DEV April Fools Challenge
What I Built
I built a delightfully useless prank web app called โDo Not Typeโฆโ.
It is intentionally chaotic and serves zero real-world purpose, designed purely to confuse and amuse anyone who tries to use it.
Features:
- Blocks typing anywhere on the page, making the input impossible to use normally.
- Randomly moves the input field when you hover over it.
- Plays a sound and flashes the background red for extra dramatic effect.
- Displays a โHeheโฆ April Fool ๐โ message with a counter for every attempt to type.
- Shakes the screen for maximum chaos.
-
Console joke: logs
Error 418: I'm a teapot โas a nod to Larry Masinter and internet silliness.
This project embraces the spirit of the DEV April Fools Challenge: useless, confusing, and hilarious.
Demo
Code
How I Built It
- HTML, CSS, and JavaScript
- Used
document.addEventListener('keydown')so prank works even if input loses focus - Added animations for pulse and shake effects
- Forced focus on the input to trap the user
Prize Category
I am submitting this entry for Best Ode to Larry Masinter.
Why:
This prank web app pays homage to Larry Masinterโs famous joke protocol, HTCPCP, by including the classic โ418: Iโm a teapotโ console message.
It embraces the spirit of silliness and uselessness that the April Fools Challenge celebrates, making it a perfect nod to teapots and internet humor.
Top comments (2)
Really crazy!!!!!โ ๏ธ
yeah , thank you