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

No:10008

←

Prev Next

→

text
Developer User4462｜Date and time 23/7/28 20:16:48
Build time 23.067 sec｜Game capacity 2.96KB｜

Script

Sure! I can help you with that. Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags:

Guess the Pictogram!

This game presents the player with pictograms representing different objects or concepts. The player needs to enter their guess of what each pictogram represents in the input field and click the "Submit" button. They will receive immediate feedback on whether their guess is correct or not, and their score will be incremented accordingly. Once all the pictograms have been guessed, the game ends, and the final score is displayed. Feel free to add more pictograms to the `pictograms` array in the JavaScript code to expand the game further.

←

Prev　Next

→ 　

Back　

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

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

Sure! I can help you with that. Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    .pictogram {
      width: 200px;
      height: 200px;
      font-size: 48px;
      padding-top: 70px;
    }
    #guessInput {
      margin-top: 20px;
      font-size: 18px;
    }
    #submitBtn {
      margin-top: 10px;
      font-size: 18px;
    }
    #result {
      margin-top: 10px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Guess the Pictogram!</h1>
  <div class="pictogram" id="pictogram"></div>
  <input type="text" id="guessInput" placeholder="Enter your guess">
  <button id="submitBtn">Submit</button>
  <div id="result"></div>

function startGame() {
      const pictogramEl = document.getElementById('pictogram');
      const guessInput = document.getElementById('guessInput');
      const submitBtn = document.getElementById('submitBtn');
      const resultEl = document.getElementById('result');

let currentPictogramIndex = 0;
      let score = 0;

function displayNextPictogram() {
        pictogramEl.textContent = pictograms[currentPictogramIndex];
        guessInput.value = '';
        resultEl.textContent = '';
      }

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

if (guess === currentPictogram) {
          score++;
          resultEl.textContent = 'Correct!';
        } else {
          resultEl.textContent = 'Wrong!';
        }

currentPictogramIndex++;

if (currentPictogramIndex === pictograms.length) {
          endGame();
        } else {
          setTimeout(displayNextPictogram, 1000);
        }
      }

function endGame() {
        pictogramEl.textContent = 'Game Over!';
        guessInput.disabled = true;
        submitBtn.disabled = true;
        resultEl.textContent = `Final Score: ${score}`;
      }

displayNextPictogram();
      submitBtn.addEventListener('click', checkGuess);
    }

startGame();
  </script>
</body>
</html>
```

Feel free to add more pictograms to the `pictograms` array in the JavaScript code to expand the game further.