Click here for free DL of the app version that can save data.

No:52100

184

←

Prev Next

→

Stop the counter at a number game. There is a coun..ALL
Developer User15231｜Date and time 24/3/17 18:40:06
Build time 5.422 sec｜Game capacity 1.793KB｜

Script

Stop the Counter Game

Click the button to stop the counter!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stop the Counter Game</title>
</head>
<body>
    <div style="text-align: center;">
        <h1>Stop the Counter Game</h1>
        <h2>Click the button to stop the counter!</h2>
        <p id="targetNumber"></p>
        <p id="result"></p>
        <button onclick="stopCounter()">STOP</button>
    </div>

function stopCounter() {
            clearInterval(timer);

let deviation = Math.abs(counter - targetNumber);

if (deviation === 0) {
                result = "You hit the target! +10 points";
            } else if (deviation <= 2) {
                result = "Close enough! +5 points";
            } else if (deviation <= 4) {
                result = "Not bad! +2 points";
            } else if (deviation <= 6) {
                result = "Good try! +1 point";
            } else {
                result = "Oops! No points earned";
            }

document.getElementById("result").innerText = result;

counter = 0;
        }

function startGame() {
            targetNumber = Math.floor(Math.random() * 100);
            document.getElementById("targetNumber").innerText = "Target Number: " + targetNumber;

counter = 100;
            timer = setInterval(updateCounter, 40);
        }

function updateCounter() {
            if (counter === 0) {
                stopCounter();
                return;
            }

counter--;
            document.getElementById("targetNumber").innerText = counter;
        }

startGame();
    </script>
</body>
</html>
```