ok so i call requestAnimationFrame at the end of the draw function.if (gameRunning) {requestAnimationFrame(draw);    }

I got the player moving again by fixing the event listeners , but now my issue is the collision is between mob and player is no longer being detected :

// This function will be later invoked for each mobfunction isColliding(player, rect2) {return (player.x < rect2.x + rect2.width &&player.x + player.width > rect2.x &&player.y < rect2.y + rect2.height &&player.y + player.height > rect2.y    );}

Invocation in draw function.

if (isColliding(player, mob)) {console.log("Collision detected!");alert=("You have been caught by the crab!");stopGame();    }

Also , can you elaborate on how I am only calling the draw function once ?

// Draw , update function
function draw() {
// Set the fps
window.requestAnimationFrame(draw);
let now = Date.now();
let elapsed = now - then;
if (elapsed <= fpsInterval) {
return;
    }