in the middle there is a circle on which if you click it will add + 1 to the score. There is a score counter in the upper left corner. If the number of points is 15 , then a button will appear at the bottom , and if you click on it , then not 1 but 2 will be added to the points,the button disappears after clicking on it. If the score of points is equal to 100, a button will appear at the bottom and if you click on it, when you click on the circle, instead of 1, points will be added 10's game

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

No:24725

←

Prev Next

→

in the middle there is a circle on which if you cl..ALL
Developer User11822｜Date and time 23/11/11 18:57:05
Build time 34.239 sec｜Game capacity 2.151KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game</title>
    <style>
        #circle {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background-color: yellow;
            margin: 50px auto;
            cursor: pointer;
        }
        #score {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 20px;
        }
        #doublePointsButton, #tenTimesPointsButton {
            width: 200px;
            height: 50px;
            background-color: lightblue;
            border: none;
            border-radius: 10px;
            font-size: 16px;
            cursor: pointer;
            display: none;
            margin: 30px auto;
        }
    </style>
</head>
<body>
    <div id="cir"></div>
    <div id="score">Score: 0</div>
    <button id="doublePointsButtDouble Points!</button>
    <button id="tenTimesPointsButton">10x Points!</button>

circle.addEventListener("click", function() {
            if(score === 15) {
                doublePointsButton.style.display = "block";
            }
            if(score === 100) {
                tenTimesPointsButton.style.display = "block";
            }
            score += 1;
            scoreDisplay.innerHTML = "Score: " + score;
        });

doublePointsButton.addEventListener("click", function() {
            score += 2;
            doublePointsButton.style.display = "none";
            scoreDisplay.innerHTML = "Score: " + score;
        });

tenTimesPointsButton.addEventListener("click", function() {
            score *= 10;
            tenTimesPointsButton.style.display = "none";
            scoreDisplay.innerHTML = "Score: " + score;
        });
    </script>
</body>
</html>