<!DOCTYPE html>
<html>
<head>
<title>Rage Mode Game π</title>
<style>
body {
background: #fff3f3;
font-family: Arial;
overflow: hidden;
text-align: center;
}
h1 {
margin-top: 30px;
}
#btn {
position: absolute;
padding: 15px 25px;
background: #ff0000;
color: white;
border: none;
border-radius: 10px;
font-size: 18px;
}
#msg {
position: fixed;
bottom: 20px;
width: 100%;
font-size: 22px;
color: #ff0022;
}
</style>
</head>
<body>
<h1>Click the Buttonβ¦ if you can π</h1>
<button id="btn">CLICK!</button>
<div id="msg"></div>
<script>
const btn = document.getElementById("btn");
const msg = document.getElementById("msg");
const insults = [
"Bro missed π",
"Too slow π",
"My grandma is faster π",
"You almost had it⦠SIKE!",
"Skill issue detected πΉ",
"Try harder lil bro π€",
];
function moveButton() {
const x = Math.random() * (window.innerWidth - 150);
const y = Math.random() * (window.innerHeight - 150);
btn.style.left = x + "px";
btn.style.top = y + "px";
// Random button size
const size = Math.random() * 40 + 20;
btn.style.fontSize = size + "px";
// Random message
msg.textContent = insults[Math.floor(Math.random() * insults.length)];
}
btn.addEventListener("mouseover", moveButton);
btn.addEventListener("click", () => {
alert("IMPOSSIBLE?? HOW DID YOU CLICK THAT π¨π₯");
});
</script>
</body>
</html>