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

No:6462

105

←

Prev Next

→

(playground) slide
Developer User3882｜Date and time 23/7/2 14:05:54
Build time 19.978 sec｜Game capacity 2.37KB｜

Script

滑り台ゲーム

スコア：0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<html>
<head>
    <title>滑り台ゲーム</title>
    <script>
        function startGame() {
            var slider = document.getElementById("slider");
            var score = document.getElementById("score");
            var gameOver = document.getElementById("gameOver");

var currentPos = 0;
            var currentScore = 0;
            var isGameOver = false;

setInterval(function() {
                if (!isGameOver) {
                    currentPos += Math.floor(Math.random() * 10) + 1;
                    slider.style.bottom = currentPos + "px";

document.addEventListener("click", function() {
                if (!isGameOver) {
                    currentPos += 100;
                    slider.style.bottom = currentPos + "px";

if (currentPos >= 400) {
                        currentScore++;
                        score.textContent = "スコア：" + currentScore;
                        currentPos = 0;
                    }
                    if (currentScore >= 10) {
                        gameOver.textContent = "ゲーム終了！おめでとう！";
                        isGameOver = true;
                    }
                }
            });
        }
    </script>
    <style>
        #slider {
            position: relative;
            width: 100px;
            height: 100px;
            background-color: blue;
            border-radius: 50%;
        }

#score {
            margin-top: 20px;
            font-size: 24px;
            font-weight: bold;
        }

#gameOver {
            margin-top: 20px;
            color: red;
            font-size: 24px;
            font-weight: bold;
        }
    </style>
</head>
<body onload="startGame()">
    <h1>滑り台ゲーム</h1>
    <div id="slider"></div>
    <div id="score">スコア：0</div>
    <div id="gameOver"></div>
</body>
</html>