30.js

function whackAMole() {
    const holes = document.querySelectorAll(".hole");
    const scoreBoard = document.querySelector(".score");
    const moles = document.querySelectorAll(".mole");
    const button = document.querySelector("button");
    let lastHole;
    let timeUp = false;
    let score = 0;

    function randomTime(min, max) {
        return Math.round(Math.random() * (max - min) + min);
    }

    function randomHole(holes) {
        const idx = Math.floor(Math.random() * holes.length);
        const hole = holes[idx];

        if (hole == lastHole) {
            return randomHole(holes);
        }
        lastHole = hole;
        return hole;
    }

    function peep() {
        const time = randomTime(200, 1000);
        const hole = randomHole(holes);
        hole.classList.add("up");
        setTimeout(() => {
            hole.classList.remove("up");
            if (!timeUp) peep();
        }, time);
    }

    function startGame() {
        scoreBoard.textContent = 0;
        timeUp = false;
        score = 0;
        peep();
        setTimeout(() => (timeUp = true), 20000);
    }

    function bonk(e) {
        if (!e.isTrusted) return;
        score++;
        scoreBoard.textContent = score;
        this.classList.remove("up");
    }

    moles.forEach((mole) => mole.addEventListener("click", bonk));

    button.addEventListener("click", startGame);
}
window.addEventListener("DOMContentLoaded", whackAMole);