Как сделать чтобы весь игровой цикл начинался после клика по кнопке или картинке например ?

let getY = -40;
let score = 0;
let xRand = Math.floor(Math.random()*500);
let goDown = 0;
let goDownHiger = 0;
let canvas = document.getElementById("canvas");
let ctx = canvas.getContext("2d");
let speed = 10;
let startOfGame = false;
let addressButton = document.getElementById("button_start");
canvas.width = 500;
canvas.height = 300;
 
let img = new Image();
img.src = ('../img/Booom.png');
 
let city = new Image();
city.src = ('../img/cityImg.png');
 
 
 
 let motionOfBomb = function(){
    if(getY >= 200){
        clearInterval(goDown);
        alert('Looser!');
    }
    if(xRand<=70){
        xRand = 70;
    }else if(xRand >= 430){
        xRand = 430 ;
    }
    ctx.clearRect(0,0,500,500);
    ctx.drawImage(city,0,0,500,300);
    ctx.drawImage(img,xRand,getY,70,53);
    if(score >= 0 && score <= 10){
        getY++; 
    }else if(score > 10 && score <=15){
        getY = getY + 1.5;
    }else if(score > 15 && score <= 20){
        getY = getY + 2;
    }else if(score > 20 && score <= 25){
        getY = getY + 2.5;
    }else if(score > 25 && score <= 30){
        getY = getY + 3;
    }else if(score > 30 && score <= 40){
        getY = getY + 3.5;
    }else if(score > 40){
        getY = getY + 5;
    }
    
 }
 img.onload = function(){       
    goDown = setInterval(motionOfBomb, speed);  
 };
 
 canvas.addEventListener('click', function(e) { 
    let xx = e.pageX - canvas.offsetLeft;
    let yy = e.pageY - canvas.offsetTop;
    if(xx > xRand && xx < xRand + 70 && yy > getY && yy < getY + 53){
        xRand = Math.floor(Math.random()*500);
        getY = -40;
        score++;
        document.getElementById("yar").textContent = "Рекорд: " + score;
    }
 });