AI game creator

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

No:16630

←

Prev Next

→

Hid and seek
Developer User7374｜Date and time 23/9/19 20:32:00
Build time 21.198 sec｜Game capacity 1.936KB｜

Script

Can you find the hidden object?

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Hide and Seek Game</title>
    <style>
      #container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-size: 5em;
      }
      #message {
        font-size: 2em;
        text-align: center;
        margin-bottom: 20px;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="message">Can you find the hidden object?</div>
      <div id="gameBoard"></div>
    </div>

// Generate a random index
      function getRandomIndex(max) {
        return Math.floor(Math.random() * max);
      }

// Main game logic
      function startGame() {
        const gameBoard = document.getElementById("gameBoard");
        gameBoard.innerHTML = "";

// Randomly select a hiding spot
        const hiddenObjectIndex = getRandomIndex(objects.length);

// Generate the game board with pictograms
        for (let i = 0; i < objects.length; i++) {
          const card = document.createElement("div");
          card.innerHTML = objects[i];
          card.classList.add("card");

// Add click event to each card
          card.addEventListener("click", function() {
            if (i === hiddenObjectIndex) {
              gameBoard.innerHTML = "<div id='message'>Congratulations! You found it!</div>";
            } else {
              this.classList.add("hidden");
            }
          });

gameBoard.appendChild(card);
        }
      }

// Start the game
      startGame();
    </script>
  </body>
</html>