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

No:34702

←

Prev Next

→

particle
Developer User16304｜Date and time 24/1/11 10:46:48
Build time 13.245 sec｜Game capacity 3.262KB｜

Script

Sure! Here's a simple guessing game implemented as a single HTML file using JavaScript. The game involves guessing a pictogram representing various objects.

Pictogram Guessing Game

Guess the object in the pictogram:

To play the game on a smartphone: 1. Create a new HTML file on your smartphone and paste the above code into it. 2. Save the file with a .html extension (e.g., game.html). 3. Launch the HTML file in your smartphone's web browser. The game will display a pictogram, and you need to type your guess into the input field and tap on the "Submit" button. The game will give you feedback on whether your guess is correct or not. Enjoy playing the Pictogram Guessing Game!

←

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. The game involves guessing a pictogram representing various objects.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-container {
      margin-top: 100px;
    }
    
    #message {
      margin-top: 30px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Pictogram Guessing Game</h1>
  
  <div id="game-container">
    <p>Guess the object in the pictogram:</p>
    <img id="pictogram" src="pictograms/1.png" width="150" height="150" alt="Pictogram">
    <br>
    <input type="text" id="guess-input">
    <button id="submit-button">Submit</button>
  </div>
  
  <p id="message"></p>
  
  <script>
    // Define an array of pictogram image file names
    var pictogramPaths = [
      'pictograms/1.png',
      'pictograms/2.png',
      'pictograms/3.png',
      // Add more pictogram image paths here
    ];
    
    var currentPictogramIndex = 0;
    var messageElement = document.getElementById('message');
    var guessInputElement = document.getElementById('guess-input');
    var submitButtonElement = document.getElementById('submit-button');
  
    // Function to check the guess and display appropriate message
    function checkGuess() {
      var userGuess = guessInputElement.value.toLowerCase();
      var currentPictogramPath = pictogramPaths[currentPictogramIndex];
      var objectName = currentPictogramPath.substring(currentPictogramPath.lastIndexOf('/') + 1, currentPictogramPath.lastIndexOf('.'));
      
      if (userGuess === objectName.toLowerCase()) {
        messageElement.innerHTML = 'Congratulations! You guessed it right!';
      } else {
        messageElement.innerHTML = 'Sorry, wrong guess. Try again!';
      }
    }
    
    // Function to load the next pictogram
    function loadNextPictogram() {
      if (currentPictogramIndex < pictogramPaths.length - 1) {
        currentPictogramIndex++;
        var nextPictogramPath = pictogramPaths[currentPictogramIndex];
        var nextPictogramElement = document.getElementById('pictogram');
        nextPictogramElement.src = nextPictogramPath;
        guessInputElement.value = '';
      } else {
        messageElement.innerHTML = 'Game Over! You guessed all the pictograms.';
        guessInputElement.disabled = true;
        submitButtonElement.disabled = true;
      }
    }
    
    // Register event listener for submit button click
    submitButtonElement.addEventListener('click', function() {
      checkGuess();
      loadNextPictogram();
    });
    
    // Start the game by loading the first pictogram
    loadNextPictogram();
  </script>
</body>
</html>
```

To play the game on a smartphone:

1. Create a new HTML file on your smartphone and paste the above code into it.
2. Save the file with a .html extension (e.g., game.html).
3. Launch the HTML file in your smartphone's web browser.

The game will display a pictogram, and you need to type your guess into the input field and tap on the "Submit" button. The game will give you feedback on whether your guess is correct or not. Enjoy playing the Pictogram Guessing Game!