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

No:34098

←

Prev Next

→

Chat with AI
Developer User15234｜Date and time 24/1/8 7:48:21
Build time 22.64 sec｜Game capacity 2.621KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. This game is designed for smartphone operation and uses pictograms for user interaction.

Simple Game

Tap on the correct pictogram to win!

This game presents three pictograms and the player needs to tap on the correct one to win. The player can tap on any pictogram to select it and then press the "Start" button to check if their selection is correct. If the selected pictogram matches the correct answer, a message of congratulations is displayed. Otherwise, the player is prompted to try again.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Simple Game</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: "Segoe UI", sans-serif;
      }
      
      .game-container {
        text-align: center;
      }
      
      .instruction {
        margin-bottom: 20px;
      }
      
      .button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="game-container">
      <h1>Simple Game</h1>
      <p class="instruction">Tap on the correct pictogram to win!</p>
      <div class="pictograms">
        <img src="pictogram1.png" class="pictogram" data-answer="true" />
        <img src="pictogram2.png" class="pictogram" data-answer="false" />
        <img src="pictogram3.png" class="pictogram" data-answer="false" />
      </div>
      <button class="button" onclick="checkAnswer()">Start</button>
      <p id="result"></p>
    </div>
    
    <script>
      function checkAnswer() {
        const pictograms = document.querySelectorAll('.pictogram');
        let correctPictogram;
        
        pictograms.forEach(pictogram => {
          if (pictogram.getAttribute('data-answer') === 'true') {
            correctPictogram = pictogram;
          }
        });
        
        if (correctPictogram && correctPictogram.classList.contains('selected')) {
          document.getElementById('result').textContent = 'Congratulations! You won!';
        } else {
          document.getElementById('result').textContent = 'Oops! Wrong answer. Try again!';
        }
      }
      
      document.querySelectorAll('.pictogram').forEach(pictogram => {
        pictogram.addEventListener('click', () => {
          pictogram.classList.toggle('selected');
        });
      });
    </script>
  </body>
</html>
```