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

No:25741

←

Prev Next

→

Nerd In Ohio
Developer User12653｜Date and time 23/11/24 10:17:31
Build time 338.88 sec｜Game capacity 2.486KB｜

Script

Sure! Here's an example of a simple guessing game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game assumes smartphone operation and uses pictograms for visual representation:

Guessing Game

Guess the pictogram:

In this game, a set of pictograms is displayed one by one, and the player needs to guess the word corresponding to each pictogram. The player can enter their guess in the input field and click the "Check" button to see if their guess is correct. The game provides feedback on the correctness of the guesses and moves to the next pictogram after a correct guess.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    img {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <h1>Guessing Game</h1>
  <p>Guess the pictogram:</p>
  <img id="pictogram" src="pictograms/question-mark.png" alt="Question Mark">
  <br>
  <input type="text" id="guessInput" placeholder="Enter your guess">
  <button type="button" onclick="checkGuess()">Check</button>
  <p id="result"></p>

let currentPictogramIndex = 0;
    const pictogramImg = document.getElementById('pictogram');
    const guessInput = document.getElementById('guessInput');
    const resultMsg = document.getElementById('result');

function setPictogram() {
      pictogramImg.src = pictograms[currentPictogramIndex].url;
    }

function checkGuess() {
      const guess = guessInput.value.toLowerCase();
      const answer = pictograms[currentPictogramIndex].answer.toLowerCase();

if (guess === answer) {
        resultMsg.innerHTML = 'Correct!';
        nextPictogram();
      } else {
        resultMsg.innerHTML = 'Incorrect! Try again.';
      }

guessInput.value = '';
    }

function nextPictogram() {
      currentPictogramIndex = (currentPictogramIndex + 1) % pictograms.length;
      setPictogram();
      resultMsg.innerHTML = '';
    }

// Start the game by setting the first pictogram
    setPictogram();
  </script>
</body>
</html>
```