Frage

Mein CPS Counter?

anonym123679 · Erstellt: 18.04.2026, 10:03

wie findet ihr den:```<!DOCTYPE html><html> <head>  <meta http-equiv="content-type" content="text/html; charset=UTF-8">  <title>The True CPS Counter</title>  <style>   body {    background-color: rgba(250, 255, 245, 1.0);    color: black;   }   p {    font-size: 30px;    font-family: Arial, sans-serif;   }   #button {    background-color: rgba(0, 0, 100, 1.0);    color: white;    padding: 50px;    border-radius: 100px;    border: 0;    font-size: 50px;   }   div {    text-align: center;    margin-top: 100px;   }   button::selection {    background-color: transparent;   }       #mode {    border: 0;    background-color: transparent;    font-size: 20px;   }  </style> </head> <body id="body">  <button id="mode" onclick="switchMode()"> ☀️ </button>  <div>   <button id="button">Click here!</button>   <p id="cpsCounter">CPS: 0</p>  </div>  <script>   let cps = 0;   let show = 0;   let mode = "lightMode";       const habbeldidabbeldi = "https://www.youtube.com/shorts/41iWg91yFv0";   const cpsCounter = document.getElementById("cpsCounter");   const button = document.getElementById("button");   const body = document.getElementById("body");   const modeButton = document.getElementById("mode");   let isHoveringButton = false;   button.addEventListener("mouseenter", () => isHoveringButton = true);   button.addEventListener("mouseleave", () => isHoveringButton = false);   function countCPS() {    if (show > 99 || cps > 99) {     window.location.href = habbeldidabbeldi;     console.log("Autoclicker => Rickroll");    }    show = show * 0.5 + cps * 0.5;    cpsCounter.textContent = "CPS: " + Math.round(show);    cps = 0;   }   function changeColor() {    button.style.backgroundColor = "rgba(0, 0, 200, 1.0)";    setTimeout(() => {     button.style.backgroundColor = mode === "lightMode"      ? "rgba(0, 0, 100, 1.0)"      : "rgba(0, 0, 130, 1.0)";    }, 100);   }   button.addEventListener("contextmenu", e => e.preventDefault());   document.addEventListener("mousedown", e => {    if (isHoveringButton && e.button === 2) {     cps++;     changeColor();    }   });   button.addEventListener("click", () => {    cps++;    time = 0;    changeColor();   });   function switchMode() {    if (mode === "lightMode") {     body.style.backgroundColor = "rgba(51, 50, 55, 1.0)";     body.style.color = "white";     button.style.backgroundColor = "rgba(0, 0, 130, 1.0)";     modeButton.textContent = "🌓";     mode = "darkMode";    }     else if (mode === "darkMode") {     body.style.backgroundColor = "rgba(0, 0, 0, 1.0)";     body.style.color = "white";     button.style.backgroundColor = "rgba(0, 0, 130, 1.0)";     modeButton.textContent = "🌒";     mode = "blackMode";    }     else {     body.style.backgroundColor = "rgba(250, 255, 245, 1.0)";     body.style.color = "black";     button.style.backgroundColor = "rgba(0, 0, 100, 1.0)";     modeButton.textContent = "☀️";     mode = "lightMode";    }   }   setInterval(countCPS, 1000);  </script> </body></html>```