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

No:21013

←

Prev Next

→

Game
Developer User9283｜Date and time 23/10/12 21:26:04
Build time 97.927 sec｜Game capacity 3.519KB｜

Script

Sure! I can help you create a simple game using JavaScript, enclosed in script tags within a single HTML file. For this game, we will assume smartphone operation and use pictograms if possible. Here's an example of a simple guessing game called "Guess the Pictogram":

Guess the Pictogram

What does this pictogram represent?

In this example, we have an array of pictograms along with their respective answers. The game starts by displaying the first pictogram and prompting the user to guess what it represents. They can enter their guess in the input field and click the "Submit" button. If the guess matches the correct answer, a message is displayed congratulating the user. They can then proceed to the next pictogram using the "Next" button. The game continues until all pictograms have been guessed.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Guess the Pictogram</title>
</head>
<body>
  <h1>Guess the Pictogram</h1>
  <div id="game-container">
    <h2 id="question">What does this pictogram represent?</h2>
    <img id="pictogram" src="pictogram.png" alt="Pictogram">
    <input type="text" id="guess" placeholder="Your Guess">
    <button id="submit">Submit</button>
    <p id="result"></p>
    <button id="next">Next</button>
  </div>

let currentPictogram = 0;
    const questionElement = document.getElementById("question");
    const pictogramElement = document.getElementById("pictogram");
    const guessInput = document.getElementById("guess");
    const submitButton = document.getElementById("submit");
    const resultElement = document.getElementById("result");
    const nextButton = document.getElementById("next");

// Function to start or reset the game
    function startGame() {
      currentPictogram = 0;
      showPictogram(currentPictogram);
      guessInput.value = "";
      resultElement.innerText = "";
      nextButton.style.display = "none";
    }

// Function to display the next pictogram
    function showPictogram(index) {
      questionElement.innerText = "What does this pictogram represent?";
      pictogramElement.src = pictograms[index].url;
      guessInput.disabled = false;
      submitButton.disabled = false;
    }

// Function to check the user's guess
    function checkGuess() {
      const guessedText = guessInput.value.trim().toLowerCase();
      const answer = pictograms[currentPictogram].answer.toLowerCase();

if (guessedText === answer) {
        resultElement.innerText = "Congratulations! You guessed it right!";
        guessInput.disabled = true;
        submitButton.disabled = true;
        nextButton.style.display = "block";
      } else {
        resultElement.innerText = "Wrong guess. Try again!";
      }
    }

// Function to handle next button click
    function nextPictogram() {
      currentPictogram++;
      if (currentPictogram < pictograms.length) {
        showPictogram(currentPictogram);
      } else {
        questionElement.innerText = "Game Over!";
        guessInput.disabled = true;
        submitButton.disabled = true;
        nextButton.style.display = "none";
      }
    }

// Event listeners
    submitButton.addEventListener("click", checkGuess);
    nextButton.addEventListener("click", nextPictogram);

// Start the game on page load
    startGame();
  </script>
</body>
</html>
```