AI game creator

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

No:50870

147

←

Prev Next

→

Hide and seek
Developer User21399｜Date and time 24/3/10 1:50:48
Build time 7.536 sec｜Game capacity 2.071KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hide and Seek Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
    }
  </style>
</head>
<body>

// Function to start the game
  function startGame() {
    const randomPosition = Math.floor(Math.random() * 9); // Generate random position

document.getElementById('startButton').disabled = true; // Disable start button
  }

// Function to reveal hider
  function revealHider() {
    const cells = document.querySelectorAll('.cell');
    cells.forEach(cell => {
      if (cell.textContent === hideImage) {
        cell.style.backgroundColor = 'red'; // Highlight hider cell
      }
    });
  }

// Create game cells
  for (let i = 0; i < 9; i++) {
    const cell = document.createElement('div');
    cell.className = 'cell';
    cell.style.fontSize = '2em';
    cell.style.padding = '15px';
    cell.style.border = '1px solid black';
    cell.style.cursor = 'pointer';
    cell.addEventListener('click', revealHider); // Listener to reveal hider on cell click
    document.body.appendChild(cell);
  }

// Create start button
  const startButton = document.createElement('button');
  startButton.id = 'startButton';
  startButton.textContent = 'Start Game';
  startButton.style.fontSize = '1.5em';
  startButton.style.padding = '10px 20px';
  startButton.addEventListener('click', startGame); // Listener to start game on button click
  document.body.appendChild(startButton);
</script>

</body>
</html>
```