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

No:34201

←

Prev Next

→

Xxx
Developer User16167｜Date and time 24/1/9 2:54:06
Build time 32.506 sec｜Game capacity 3.463KB｜

Script

Sure, I can help you create a simple game implemented as a single HTML file with JavaScript, using pictograms and designed for smartphone operation. Here's an example of a guessing game where the user needs to guess a word based on pictograms clues. You can play the game by running the HTML file on your smartphone.

Pictogram Guessing Game

Save the code above as an HTML file (e.g., "guessing_game.html") and open it on your smartphone using a web browser. You can then play the game by guessing the word based on the displayed pictogram clues. Good luck and have fun playing!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game-container {
      margin-top: 50px;
    }
    #pictogram {
      font-size: 100px;
    }
    #guess-input {
      margin-top: 20px;
      padding: 10px;
      font-size: 24px;
    }
    #submit-button {
      margin-top: 10px;
      padding: 10px 20px;
      font-size: 24px;
      background-color: #4CAF50;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    #message {
      margin-top: 20px;
      font-size: 24px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Pictogram Guessing Game</h1>
  <div id="game-container">
    <div id="pictogram"></div>
    <input type="text" id="guess-input" placeholder="Enter your guess">
    <br>
    <button id="submit-button">Submit</button>
    <div id="message"></div>
  </div>

let currentWordIndex = 0;
    let score = 0;

// Display a new word-pictogram pair
    function displayWord() {
      const wordElement = document.getElementById("pictogram");
      const wordPictogram = words[currentWordIndex].pictogram;
      wordElement.textContent = wordPictogram;
    }

// Handle the user's guess input
    function handleGuess() {
      const userGuess = document.getElementById("guess-input").value.toLowerCase();
      const correctWord = words[currentWordIndex].word.toLowerCase();
      const message = document.getElementById("message");

if (userGuess === correctWord) {
        score++;
        message.textContent = "Correct! Your score: " + score;
      } else {
        message.textContent = "Wrong! The correct word was: " + correctWord;
      }

// Move to the next word-pictogram pair
      currentWordIndex++;
      if (currentWordIndex >= words.length) {
        // Game over, display final score
        document.getElementById("guess-input").setAttribute("disabled", true);
        document.getElementById("submit-button").setAttribute("disabled", true);
        message.textContent += "\nGame Over. Final score: " + score;
      } else {
        // Continue the game with a new word
        document.getElementById("guess-input").value = "";
        displayWord();
      }
    }

// Start the game
    window.onload = function() {
      displayWord();
      document.getElementById("submit-button").addEventListener("click", handleGuess);
    };
  </script>
</body>
</html>
```