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

No:12854

103

←

Prev Next

→

clicker
Developer User5583｜Date and time 23/8/23 23:44:53
Build time 15.683 sec｜Game capacity 1.373KB｜

Script

Clicker Game

Click the button as many times as possible within 10 seconds!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Clicker Game</title>
    <style>
        body {
            text-align: center;
            padding-top: 200px;
            font-size: 48px;
        }
        button {
            font-size: 48px;
            padding: 20px 40px;
        }
        #score {
            font-size: 64px;
            margin-bottom: 40px;
        }
    </style>
</head>
<body>
    <h1>Clicker Game</h1>
    <p>Click the button as many times as possible within 10 seconds!</p>
    <p id="score">0</p>
    <button id="clickButton">CLICK ME!</button>
    <script>
        let score = 0;
        let timeLeft = 10;
        let timerInterval;

document.getElementById('clickButton').addEventListener('click', incrementScore);

function startTimer() {
            timerInterval = setInterval(updateTimer, 1000);
        }

function updateTimer() {
            timeLeft--;
            if (timeLeft === 0) {
                clearInterval(timerInterval);
                document.getElementById('clickButton').removeEventListener('click', incrementScore);
                document.getElementById('clickButton').disabled = true;
            }
        }

function incrementScore() {
            score++;
            document.getElementById('score').textContent = score;
        }

startTimer();
    </script>
</body>
</html>