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

No:34950

you enter in the search engine to create the live ..ALL
Developer User16254｜Date and time 24/1/12 21:20:43
Build time 14.696 sec｜Game capacity 2.952KB｜

Script

Certainly! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. This game is called "Pictogram Picker" and it allows you to select pictograms that represent different objects. The goal is to guess the correct object based on the given pictogram.

Pictogram Picker

Guess the Object!

To play the game, you need to save the HTML code above into an HTML file (e.g., `game.html`) and open it in a web browser. The game will then be displayed and you can start playing by selecting the appropriate pictogram button to guess the object. The result will be displayed after your selection. Note: The pictograms used in this example are represented by Unicode characters. You can modify the `pictograms` array to include different objects and their associated pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Picker Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    h1, h2 {
      color: #333;
    }
    button {
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      background-color: #f1f1f1;
      cursor: pointer;
    }
    button:hover {
      background-color: #ddd;
    }
  </style>
</head>
<body>
  <h1>Pictogram Picker</h1>
  <h2>Guess the Object!</h2>
  
  <img id="pictogram" src="" alt="Pictogram" width="200" height="200">
  
  <div id="options">
    <button onclick="checkAnswer('tree')">🌳</button>
    <button onclick="checkAnswer('car')">🚗</button>
    <button onclick="checkAnswer('house')">🏠</button>
    <button onclick="checkAnswer('dog')">🐶</button>
  </div>
  
  <p id="result"></p>
  
  <script>
    const pictograms = [
      { name: 'tree', image: '🌳' },
      { name: 'car', image: '🚗' },
      { name: 'house', image: '🏠' },
      { name: 'dog', image: '🐶' }
    ];
    
    let currentPictogram;
    
    function startGame() {
      const randomIndex = Math.floor(Math.random() * pictograms.length);
      currentPictogram = pictograms[randomIndex];
      document.getElementById('pictogram').src = '';
      document.getElementById('pictogram').alt = 'Pictogram';
      document.getElementById('options').style.display = 'block';
      document.getElementById('result').textContent = '';
    }
    
    function checkAnswer(answer) {
      document.getElementById('options').style.display = 'none';
      if (answer === currentPictogram.name) {
        document.getElementById('result').textContent = 'Correct!';
      } else {
        document.getElementById('result').textContent = 'Wrong!';
      }
      document.getElementById('pictogram').src = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><text x="50%" y="50%" font-size="60" text-anchor="middle" dominant-baseline="central">❓</text></svg>';
      document.getElementById('pictogram').alt = 'Unknown Pictogram';
    }
    
    startGame();
  </script>
</body>
</html>
```

Note: The pictograms used in this example are represented by Unicode characters. You can modify the `pictograms` array to include different objects and their associated pictograms.