ウサギよけゲーム's game

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

No:48588

181

←

Prev Next

→

ウサギよけゲーム
Developer User20650｜Date and time 24/3/2 16:42:16
Build time 5.299 sec｜Game capacity 1.497KB｜

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 {
            margin: 0;
            overflow: hidden;
        }
        #player {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 50px;
        }
        #rabbit {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            font-size: 50px;
        }
    </style>
</head>
<body>
    <div id="player">👩</div>
    <div id="rabbit">🐰</div>

let score = 0;

rabbit.addEventListener('click', () => {
            score += 1;
            updateScore();
            resetRabbit();
        });

function updateScore() {
            player.textContent = `Score: ${score}`;
        }

function resetRabbit() {
            rabbit.style.top = '0';
            rabbit.style.left = Math.floor(Math.random() * window.innerWidth) + 'px';
        }

setInterval(moveRabbit, 10);
    </script>
</body>
</html>