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

No:42376

Cat clicker that can be upgrade
Developer User18785｜Date and time 24/2/11 15:09:06
Build time 4.886 sec｜Game capacity 1.316KB｜

Script

Cat Clicker

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Cat Clicker</title>
    <style>
        #cat-image {
            width: 200px;
            height: 200px;
            margin: 20px;
        }

#score {
            font-size: 24px;
            margin-bottom: 20px;
        }

#upgrade-button {
            padding: 10px;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <h1>Cat Clicker</h1>
    <img id="cat-image" src="pictogram-cat.png">
    <p id="score">Score: <span id="clicks">0</span></p>
    <button id="upgrade-button">Upgrade</button>

var catImage = document.querySelector("#cat-image");
        var clicksSpan = document.querySelector("#clicks");
        var upgradeButton = document.querySelector("#upgrade-button");

catImage.addEventListener("click", function() {
            score += upgradeLevel;
            clicksSpan.textContent = score;
        });

upgradeButton.addEventListener("click", function() {
            if (score >= 10) {
                score -= 10;
                upgradeLevel++;
                upgradeButton.textContent = "Upgrade (" + upgradeLevel + ")";
                clicksSpan.textContent = score;
            }
        });
    </script>
</body>
</html>