script.js

var timer = 60;
var score = 0;
var hitrn;


function countScore(){
    score += 10;
    document.querySelector("#scoreval").textContent = score;
}

function getNewHit(){
    hitrn =  Math.floor(Math.random()*10);
    document.querySelector("#hitval").textContent = hitrn;
}

function makeBubble(){
    var clutter = "";

    for (var i = 1; i <= 168; i++){
        var rn = Math.floor(Math.random()*10);
        clutter += `<div class="bubble">${rn}</div>`;
    }

    document.querySelector("#pbtm").innerHTML = clutter; 
}

function runTimer(){
    var timer2 = setInterval(function(){
        if(timer > 0){
            timer--;
            document.querySelector("#timerval").textContent = timer;
        } else {
            clearInterval(timer2);
            document.querySelector("#pbtm").innerHTML = `<h1>Game Over!</h1> <br> <h2>Your Score is ${score}</h2>`;
        }
    },1000);
}


document.querySelector("#pbtm")
.addEventListener("click", function(dets) {
    var clickedNum = Number(dets.target.textContent);
    if(clickedNum === hitrn){
        countScore();
        makeBubble();
        getNewHit();
    }
})


runTimer();
makeBubble();
getNewHit();
// countScore();