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

No:9174

215

←

Prev Next

→

The gamers return
Developer User4297｜Date and time 23/7/22 0:38:58
Build time 20.761 sec｜Game capacity 2.416KB｜

Script

As an AI language model, I can help you design a simple HTML game using JavaScript and pictograms. Here's a playable sample game for you:

Find the Matching Pictogram!

In this game, players need to match the target pictogram by clicking on the corresponding pictogram from the options. The target pictogram is randomly selected, and players receive feedback on their answer. Simply copy and paste the code into a single HTML file and open it in a web browser to play the game.

←

Prev　Next

→ 　

Back　

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

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

As an AI language model, I can help you design a simple HTML game using JavaScript and pictograms. Here's a playable sample game for you:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      width: 400px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 10px;
      background-color: #f5f5f5;
    }
    
    .pictogram {
      font-size: 48px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>Find the Matching Pictogram!</h1>
    <p class="pictogram" id="target-pictogram"></p>
    <div id="options-container">
      <button class="pictogram" onclick="checkAnswer(this.innerText)">👍</button>
      <button class="pictogram" onclick="checkAnswer(this.innerText)">💡</button>
      <button class="pictogram" onclick="checkAnswer(this.innerText)">⭐</button>
      <button class="pictogram" onclick="checkAnswer(this.innerText)">🐶</button>
    </div>
    <p id="result"></p>
    <button onclick="startGame()">Start Game</button>
  </div>
  
  <script>
    var pictograms = ["👍", "💡", "⭐", "🐶"];
    var targetPictogram;
    
    function startGame() {
      var optionsContainer = document.getElementById("options-container");
      optionsContainer.style.display = "block";
      
      targetPictogram = getRandomPictogram();
      document.getElementById("target-pictogram").innerText = targetPictogram;
      document.getElementById("result").innerText = "";
    }
    
    function getRandomPictogram() {
      var randomIndex = Math.floor(Math.random() * pictograms.length);
      return pictograms[randomIndex];
    }
    
    function checkAnswer(selectedPictogram) {
      var result = document.getElementById("result");
      if (selectedPictogram === targetPictogram) {
        result.innerText = "Correct! 🎉";
      } else {
        result.innerText = "Wrong! Try again!";
      }
    }
    
    startGame();
  </script>
</body>
</html>
```