“Do Not Type… The Web App That Fights Back 😈”

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

psjdeveloper.github.io

Code

psjdeveloper / do-not-type

do-not-type

View on GitHub

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.