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

No:17581

123

←

Prev Next

→

車のレース
Developer User7731｜Date and time 23/9/24 1:06:53
Build time 24.958 sec｜Game capacity 2.46KB｜

Script

車のレース

🚗 🚗

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>車のレース</title>
</head>
<body>
    <h1>車のレース</h1>
    <div>
        <button id="startButton" onclick="startRace()">レーススタート</button>
        <button id="stopButton" onclick="stopRace()">レースストップ</button>
    </div>
    <div id="track" style="width: 500px; height: 300px; border: 1px solid black;">
        <span id="car1" style="position: absolute; top: 100px; left: 0;">🚗</span>
        <span id="car2" style="position: absolute; top: 200px; left: 0;">🚗</span>
    </div>

function startRace() {
            raceStarted = true;
            document.getElementById("startButton").disabled = true;
            document.getElementById("stopButton").disabled = false;

var raceInterval = setInterval(moveCars, 100);

function moveCars() {
                if (!raceStarted) {
                    clearInterval(raceInterval);
                    document.getElementById("startButton").disabled = false;
                    document.getElementById("stopButton").disabled = true;
                    return;
                }

var trackWidth = track.offsetWidth;
                var car1Left = car1.offsetLeft;
                var car2Left = car2.offsetLeft;

var car1Speed = Math.floor(Math.random() * 10) + 1;
                var car2Speed = Math.floor(Math.random() * 10) + 1;

car1Left += car1Speed;
                car2Left += car2Speed;

if (car1Left >= trackWidth) {
                    raceStarted = false;
                    clearInterval(raceInterval);
                    alert("Car 1 wins!");
                } else if (car2Left >= trackWidth) {
                    raceStarted = false;
                    clearInterval(raceInterval);
                    alert("Car 2 wins!");
                }

car1.style.left = car1Left + "px";
                car2.style.left = car2Left + "px";
            }
        }

function stopRace() {
            raceStarted = false;
            document.getElementById("startButton").disabled = false;
            document.getElementById("stopButton").disabled = true;
        }
    </script>
</body>
</html>