Tuna that stops and its game over.'s game

Click here for free DL of the app version that can save data.

No:10963

116

←

Prev Next

→

Tuna that stops and its game over.
Developer User4729｜Date and time 23/8/6 2:19:44
Build time 14.629 sec｜Game capacity 1.676KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Tuna Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 50px;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

gameStatus.textContent = "Press Start";
    startButton.textContent = "Start";
    gameBoard.appendChild(gameStatus);
    gameBoard.appendChild(startButton);

const startGame = () => {
      if (isRunning) return;

isRunning = true;
      gameStatus.textContent = "Game is running!";
      startButton.disabled = true;
      moveTuna();
      timer = setInterval(moveTuna, 500);
    };

const moveTuna = () => {
      const randomPosX = Math.floor(Math.random() * (window.innerWidth - 100));
      const randomPosY = Math.floor(Math.random() * (window.innerHeight - 100));

gameBoard.innerHTML = "";

const tunaEmoji = document.createElement("span");
      tunaEmoji.style.position = "absolute";
      tunaEmoji.style.left = `${randomPosX}px`;
      tunaEmoji.style.top = `${randomPosY}px`;
      tunaEmoji.textContent = "🐟";
      gameBoard.appendChild(tunaEmoji);
    };

const stopGame = () => {
      clearInterval(timer);
      gameStatus.textContent = "Game Over!";
      startButton.disabled = false;
    };

startButton.addEventListener("click", startGame);
    gameBoard.addEventListener("click", stopGame);
  </script>
</body>
</html>