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

No:10164

120

←

Prev Next

→

text
Developer User4490｜Date and time 23/7/29 4:16:46
Build time 17.006 sec｜Game capacity 2.517KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript, enclosed in script tags:

Picture Guessing Game

In this game, players need to guess the name of the animal displayed in the picture by clicking on the corresponding pictogram button. The game will display a new animal picture after each guess and provide feedback on correctness. The game continues in a loop until the player exits.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple game implemented as a single HTML file with JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Picture Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #display {
      margin-bottom: 30px;
    }
    #buttons {
      display: flex;
      justify-content: center;
    }
    button {
      margin: 5px;
      padding: 10px 20px;
      font-size: 16px;
      background-color: #3f51b5;
      color: white;
      border: none;
      cursor: pointer;
    }
    #result {
      margin-top: 30px;
      font-size: 18px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Picture Guessing Game</h1>
  <div id="display">
    <img id="picture" src="">
  </div>
  <div id="buttons">
    <button onclick="checkAnswer('cat')">🐱</button>
    <button onclick="checkAnswer('dog')">🐶</button>
    <button onclick="checkAnswer('bird')">🐦</button>
    <button onclick="checkAnswer('fish')">🐠</button>
  </div>
  <div id="result"></div>

var currentIndex = 0;
    var resultElement = document.getElementById('result');
    var pictureElement = document.getElementById('picture');

// Function to check the answer
    function checkAnswer(answer) {
      if (answer === pictures[currentIndex].name) {
        resultElement.textContent = 'Correct!';
      } else {
        resultElement.textContent = 'Incorrect!';
      }
      showNextPicture();
    }

// Function to show the next picture
    function showNextPicture() {
      currentIndex = (currentIndex + 1) % pictures.length;
      pictureElement.src = pictures[currentIndex].url;
      resultElement.textContent = '';
    }

// Start the game by showing the first picture
    showNextPicture();
  </script>
</body>
</html>
```