script.js

const player = document.getElementById("player");
const obstacle = document.getElementById("obstacle");

document.addEventListener("keydown", function(event) {
  if (event.key === "ArrowUp") {
    if (!player.classList.contains("jump")) {
      player.classList.add("jump");
      setTimeout(() => {
        player.classList.remove("jump");
      }, 500);
    }
  }

  if (event.key === "ArrowDown") {
    player.classList.add("duck");
  }
});

document.addEventListener("keyup", function(event) {
  if (event.key === "ArrowDown") {
    player.classList.remove("duck");
  }
});

function checkCollision() {
  const playerRect = player.getBoundingClientRect();
  const obstacleRect = obstacle.getBoundingClientRect();

  if (
    playerRect.right > obstacleRect.left &&
    playerRect.left < obstacleRect.right &&
    playerRect.bottom > obstacleRect.top &&
    playerRect.top < obstacleRect.bottom
  ) {
    document.getElementById("gameOver").style.display = "block";
    obstacle.style.animation = "none";
    clearInterval(collisionInterval);
  }
}

function restartGame() {
  obstacle.style.animation = "moveObstacle 2s linear infinite";
  document.getElementById("gameOver").style.display = "none";
  // Reset score, position, etc. here if needed
  collisionInterval = setInterval(checkCollision, 10);
}

let collisionInterval = setInterval(checkCollision, 10);