The latest articles on DEV Community by Hassan Ahmad Tijjani (@hassan_ahmadtijjani_aef1). https://dev.to/hassan_ahmadtijjani_aef1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3750279%2Fed37d9c9-c364-4433-a817-efe7192f04b1.jpg https://dev.to/hassan_ahmadtijjani_aef1 en Hassan Ahmad Tijjani Sat, 04 Apr 2026 12:32:18 +0000 https://dev.to/hassan_ahmadtijjani_aef1/catch-me-if-you-can-the-most-unclickable-button-ever-1nla https://dev.to/hassan_ahmadtijjani_aef1/catch-me-if-you-can-the-most-unclickable-button-ever-1nla <p><em>This is a submission for the <a href="https://dev.to/challenges/aprilfools-2026">DEV April Fools Challenge</a></em></p> <h2> What I Built </h2> <p>I built a completely useless website featuring a button that refuses to be clicked.<br> The page invites the user to press a button to “win a prize”. Simple, right?<br> Not really.<br> 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.</p> <h2> Demo </h2> <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://running-button-pied.vercel.app/" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">running-button-pied.vercel.app</span> </a> </div> </div> </div> <h2> Code </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://assets.dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/HassanAhmadTijjani" rel="noopener noreferrer"> HassanAhmadTijjani </a> / <a href="https://github.com/HassanAhmadTijjani/Running-Button" rel="noopener noreferrer"> Running-Button </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">Running-Button</h1> </div> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/HassanAhmadTijjani/Running-Button" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br> <h2> How I Built It </h2> <p>Technologies used:</p> <p>HTML<br> CSS<br> JavaScript</p> <p>The button listens for the mouseover event. Whenever the mouse gets close, JavaScript randomly changes the button's position using the browser window dimensions.<br> This makes the button behave like a digital ninja that refuses to be captured.<br> I also added a small attempt counter that displays sarcastic messages after several failed tries to make the experience even more ridiculous.</p> <h1> Nick Campbell #Vicente G. Reyes </h1> devchallenge 418challenge showdev