🍄を食べるゲーム's game

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

No:20442

←

Prev Next

→

🍄を食べるゲーム
Developer User3589｜Date and time 23/10/9 20:14:11
Build time 15.118 sec｜Game capacity 1.831KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mushroom Eating Game</title>
  <style>
    #game-board {
      margin: 0 auto;
      width: 150px;
      height: 150px;
      border: 1px solid black;
      display: flex;
      flex-wrap: wrap;
    }
    .cell {
      width: 33.33%;
      height: 33.33%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
    }
    .cell:hover {
      cursor: pointer;
      background-color: #dddddd;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
    <div class="cell"></div>
  </div>

function eatMushroom() {
      const emoji = ['🍄', '🍀', '🌷', '🌸', '🌹', '💐', '🌼', '🌻', '🌺'];
      const randomIndex = Math.floor(Math.random() * emoji.length);
      const randomCell = Math.floor(Math.random() * cells.length);
      
      cells[randomCell].innerHTML = emoji[randomIndex];
      cells[randomCell].removeEventListener('click', eatMushroom);
      cells[randomCell].addEventListener('click', missedMushroom);

score++;
      if (score === 10) {
        endGame();
      }
    }

function missedMushroom() {
      score--;
    }

function endGame() {
      for (const cell of cells) {
        cell.removeEventListener('click', eatMushroom);
        cell.removeEventListener('click', missedMushroom);
      }

alert('Game Over');
    }

for (const cell of cells) {
      cell.addEventListener('click', eatMushroom);
    }
  </script>
</body>
</html>