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

No:37772

←

Prev Next

→

もぐら叩き
Developer User17126｜Date and time 24/1/21 15:54:59
Build time 7.506 sec｜Game capacity 2.01KB｜

Script

もぐら叩きゲーム

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>もぐら叩き</title>
</head>
<body>
    <h1>もぐら叩きゲーム</h1>
    <div id="game-board"></div>
</body>
<script>
    const gameBoard = document.getElementById('game-board');
    const moleHoles = Array.from(Array(9).keys()); // モグラの穴の配列
    const moleImages = ['🐭', '🐹', '🐰', '🐻']; // モグラの絵文字の配列
    const gameTime = 2000; // ゲームの時間（ミリ秒）
    let score = 0; // スコアの初期値

function startGame() {
        score = 0;
        gameBoard.innerHTML = '';
        createMoleHoles();
        gameLoop();
    }

function createMoleHoles() {
        for (let i = 0; i < moleHoles.length; i++) {
            const hole = document.createElement('div');
            hole.classList.add('hole');
            hole.addEventListener('click', bonkMole);
            gameBoard.appendChild(hole);
        }
    }

function randomMole() {
        const randomIndex = Math.floor(Math.random() * moleHoles.length);
        const moleHole = document.getElementsByClassName('hole')[randomIndex];
        const mole = document.createElement('div');
        mole.classList.add('mole');
        mole.innerHTML = moleImages[randomIndex];
        moleHole.appendChild(mole);
        mole.addEventListener('click', bonkMole);
        setTimeout(() => {
            mole.remove();
        }, gameTime);
    }

function bonkMole() {
        if (!event.isTrusted) return; // ユーザーがシミュレートされたクリックを使用している場合は処理しない
        score++;
        this.parentNode.removeChild(this);
    }

startGame();
</script>
</html>