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

No:7292

2278

←

Prev Next

→

The struggle with the car!🚗🚕🚙🚌🚎🏎️🚓🚑🚒🛻🚚🚛🚔🚍🚘🚖! !!! Y..ALL
Developer User3589｜Date and time 23/7/6 20:03:48
Build time 20.184 sec｜Game capacity 2.404KB｜

Script

車との抗争！🚗🚕🚙🚌🚎🏎️🚓🚑🚒🛻🚚🚛🚔🚍🚘🚖

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>車との抗争！🚗🚕🚙🚌🚎🏎️🚓🚑🚒🛻🚚🚛🚔🚍🚘🚖</title>
    <style>
        body {
            background-color: lightblue;
            text-align: center;
        }
        img {
            width: 50px;
            height: 50px;
        }
    </style>
</head>
<body>
    <h1>車との抗争！🚗🚕🚙🚌🚎🏎️🚓🚑🚒🛻🚚🚛🚔🚍🚘🚖</h1>
    
    <img src="car.png">
    <img src="car.png">
    <img src="car.png">
    
    <script>
        // ゲームの処理を記述する
        var cars = document.getElementsByTagName("img");
        
        // ゲームスタート時の位置を初期化
        var positions = [0, 0, 0];
        
        // キーイベントの処理
        document.addEventListener("keydown", function(event) {
            var key = event.key;
            
            // キーに応じて車の位置を調整する
            if (key === "ArrowUp") {
                moveCarsUp();
            } else if (key === "ArrowDown") {
                moveCarsDown();
            }
            
            // ゲームの状態をチェックする
            checkGameStatus();
        });
        
        // 車を上に移動する関数
        function moveCarsUp() {
            for (var i = 0; i < cars.length; i++) {
                positions[i] -= 10;
                cars[i].style.marginTop = positions[i] + "px";
            }
        }
        
        // 車を下に移動する関数
        function moveCarsDown() {
            for (var i = 0; i < cars.length; i++) {
                positions[i] += 10;
                cars[i].style.marginTop = positions[i] + "px";
            }
        }
        
        // ゲームの状態をチェックする関数
        function checkGameStatus() {
            var gameCompleted = true;
            
            // ゲームがクリアされているかチェックする
            for (var i = 0; i < positions.length; i++) {
                if (positions[i] < 0 || positions[i] > 400) {
                    gameCompleted = false;
                }
            }
            
            // ゲームのクリアメッセージを表示する
            if (gameCompleted) {
                alert("ゲームクリア！おめでとう！");
            }
        }
    </script>
</body>
</html>