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

No:36975

115

←

Prev Next

→

Eng book play class
Developer User16885｜Date and time 24/1/19 17:09:40
Build time 10.822 sec｜Game capacity 2.398KB｜

Script

Sure, here's a simple guessing game implemented as a single HTML file using JavaScript:

Guess the Pictogram

Which pictogram represents the given word?

This game presents pictograms for various words and asks the player to guess the corresponding word. It keeps track of the player's score and ends the game after all the questions have been answered. The player needs to enter their answer in the input field and click "Submit" to check if it's correct. Note: Replace the image URLs in the `words` array with actual pictogram image URLs.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple guessing game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Guessing Game</title>
  <style>
    body {
      text-align: center;
    }
    
    img {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <h1>Guess the Pictogram</h1>

<p id="question">Which pictogram represents the given word?</p>
  <img id="pictogram" src="" alt="Pictogram">
  <br>
  <input type="text" id="answer" placeholder="Your Answer">
  <br>
  <button onclick="checkAnswer()">Submit</button>
  
  <script>
    // Array of word-pictogram pairs
    const words = [
      { word: "Sun", pictogram: "https://example.com/sun.png" },
      { word: "Tree", pictogram: "https://example.com/tree.png" },
      { word: "Car", pictogram: "https://example.com/car.png" }
      // Add more word-pictogram pairs as desired
    ];
    
    let currentQuestion = 0;
    let score = 0;
    
    function startGame() {
      document.getElementById('answer').value = ""; // Reset answer input
      
      if (currentQuestion >= words.length) {
        endGame();
        return;
      }
      
      // Display current question
      document.getElementById('question').textContent = "Which pictogram represents the word: " + words[currentQuestion].word + "?";
      document.getElementById('pictogram').src = words[currentQuestion].pictogram;
    }
    
    function checkAnswer() {
      const userAnswer = document.getElementById('answer').value.toLowerCase();
      const correctAnswer = words[currentQuestion].word.toLowerCase();
      
      if (userAnswer === correctAnswer) {
        score++;
      }
      
      currentQuestion++;
      startGame();
    }
    
    function endGame() {
      document.getElementById('question').textContent = "Game Over! Your score: " + score;
      document.getElementById('pictogram').src = "";
      document.getElementById('answer').value = "";
    }
    
    startGame();
  </script>
</body>
</html>
```

Note: Replace the image URLs in the `words` array with actual pictogram image URLs.