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

No:27063

98

Hi W
Developer User13379｜Date and time 23/12/4 1:59:15
Build time 55.538 sec｜Game capacity 3.07KB｜

Hi! I'm an AI language model and I can help you create a simple game using JavaScript enclosed in script tags within a single HTML file. Since you mentioned using pictograms and smartphone operation, I'll create a basic guessing game where the player needs to select the correct pictogram that matches a given word. Let's get started:

Pictogram Guessing Game

Option 1

Option 2

Option 3

To use this code, replace "emozi_bear.png", "emozi_chicken.png", and "emozi_rabbit.png" with the actual pictogram images you want to use. Each option has an `onclick` attribute calling the `selectOption` function with the respective option number (1, 2, or 3). When the player selects an option, the code checks if it matches the correct option for the word. If it does, a congratulatory alert is shown, and if not, an alert prompting the player to try again is shown. The game automatically selects a random word on page load and after each correct guess. To play the finished game, open the HTML file in a web browser, and on a smartphone, you can tap on the pictogram options to make your selection. I hope this helps you in creating a simple game! If you have any further questions, feel free to ask.

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

Hi! I'm an AI language model and I can help you create a simple game using JavaScript enclosed in script tags within a single HTML file. Since you mentioned using pictograms and smartphone operation, I'll create a basic guessing game where the player needs to select the correct pictogram that matches a given word. Let's get started:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Guessing Game</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    
    h1 {
      text-align: center;
    }
    
    .options {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    
    .option {
      cursor: pointer;
      margin: 0 10px;
    }
  </style>
</head>
<body>
  <h1>Pictogram Guessing Game</h1>
  
  <div id="word"></div>
  
  <div class="options">
    <div class="option" onclick="selectOption(1)"><img src="pictogram1.png" alt="Option 1"></div>
    <div class="option" onclick="selectOption(2)"><img src="pictogram2.png" alt="Option 2"></div>
    <div class="option" onclick="selectOption(3)"><img src="pictogram3.png" alt="Option 3"></div>
  </div>

<script>
    // Array of words and their corresponding correct options
    const words = [
      { word: "Sun", option: 1 },
      { word: "Tree", option: 2 },
      { word: "Car", option: 3 }
    ];
    
    let currentWord;
    
    // Randomly select a word from the array
    function selectRandomWord() {
      const randomIndex = Math.floor(Math.random() * words.length);
      currentWord = words[randomIndex];
      document.getElementById("word").textContent = currentWord.word;
    }
    
    // Check if the selected option is correct
    function selectOption(option) {
      if (option === currentWord.option) {
        alert("Congratulations! You guessed it right!");
        resetGame();
      } else {
        alert("Oops! That's not the correct pictogram. Try again!");
      }
    }
    
    // Reset the game to select a new word
    function resetGame() {
      selectRandomWord();
    }
    
    // Start the game by selecting a random word
    selectRandomWord();
  </script>
</body>
</html>
```

To use this code, replace "pictogram1.png", "pictogram2.png", and "pictogram3.png" with the actual pictogram images you want to use. Each option has an `onclick` attribute calling the `selectOption` function with the respective option number (1, 2, or 3).

When the player selects an option, the code checks if it matches the correct option for the word. If it does, a congratulatory alert is shown, and if not, an alert prompting the player to try again is shown.

The game automatically selects a random word on page load and after each correct guess. To play the finished game, open the HTML file in a web browser, and on a smartphone, you can tap on the pictogram options to make your selection.

I hope this helps you in creating a simple game! If you have any further questions, feel free to ask.