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

No:33539

←

Prev Next

→

hide and seek
Developer User15797｜Date and time 24/1/4 20:24:08
Build time 18.867 sec｜Game capacity 2.007KB｜

Script

Sure! Here's a simple hide and seek game implemented as a single HTML file using JavaScript:

Hide and Seek Game

In this game, a pictogram representing the hiding object is randomly positioned within a designated playground area. When the object is clicked, it disappears, and a "found object" pictogram is shown along with a congratulatory message. Remember to replace the `emozi_rabbit.png` and `emozi_apple.png` with your own pictogram images, and adjust the dimensions and styles as desired.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple hide and seek game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Hide and Seek</title>
  <style>
    #playground {
      width: 200px;
      height: 200px;
      position: relative;
    }
    .hide-object {
      position: absolute;
      display: none;
    }
    .found-object {
      display: none;
    }
  </style>
</head>
<body>

<button onclick="startGame()">Start Game</button>

// Randomly position the hiding object
      object.style.left = Math.floor(Math.random() * (playground.offsetWidth - object.offsetWidth)) + "px";
      object.style.top = Math.floor(Math.random() * (playground.offsetHeight - object.offsetHeight)) + "px";
      
      // Show the hiding object and reset the found object
      object.style.display = "block";
      foundObject.style.display = "none";
      
      // Event listener for hiding object click
      object.addEventListener("click", function() {
        object.style.display = "none";
        foundObject.style.display = "block";
        alert("Congratulations! You found the object!");
      });
    }
  </script>

</body>
</html>
```

Remember to replace the `hide-object.png` and `found-object.png` with your own pictogram images, and adjust the dimensions and styles as desired.