AI game creator

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

No:51922

164

←

Prev Next

→

Monster vehicles
Developer User21723｜Date and time 24/3/16 23:55:13
Build time 4.829 sec｜Game capacity 1.67KB｜

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>Monster Vehicles Game</title>
    <style>
        body {
            text-align: center;
        }

.game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

.monster {
            font-size: 50px;
            cursor: pointer;
        }

.score {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <span class="monster" onclick="squashMonster()">🚗</span>
    </div>
    <div class="score">Score: <span id="score">0</span></div>

function getRandomCoordinate() {
            return Math.floor(Math.random() * 80) + 10 + "%";
        }

function squashMonster() {
            score++;
            document.getElementById("score").innerText = score;

const monster = document.querySelector('.monster');
            
            const newTop = getRandomCoordinate();
            const newLeft = getRandomCoordinate();

monster.style.top = newTop;
            monster.style.left = newLeft;
        }

document.addEventListener("DOMContentLoaded", function() {
            setInterval(() => {
                const monster = document.querySelector('.monster');
                
                const newTop = getRandomCoordinate();
                const newLeft = getRandomCoordinate();

monster.style.top = newTop;
                monster.style.left = newLeft;
            }, 1000);
        });
    </script>
</body>
</html>