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

No:31912

Guess the number (1 to 500). Game tells you how cl..ALL
Developer User15231｜Date and time 23/12/28 21:37:29
Build time 26.963 sec｜Game capacity 2.897KB｜

Script

Sure! Here is an example of a simple number guessing game implemented in a single HTML file using JavaScript. The game uses pictograms to represent the scale of how close the guess is to the right number (represented by smileys). You can play the game on a smartphone by entering your guess in the input field and clicking the 'Guess' button. The game will provide feedback on how close your guess is to the correct answer.

Number Guessing Game

Guess a number between 1 and 500:

Please note that this is a basic implementation of the game and can be improved in various ways.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Number Guessing Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
    }

input[type="text"] {
      padding: 5px;
      width: 100px;
      margin-bottom: 10px;
    }

#result {
      font-size: 24px;
      margin-bottom: 20px;
    }

#guessButton {
      padding: 10px 20px;
    }
  </style>
</head>
<body>
  <h1>Number Guessing Game</h1>
  <p>Guess a number between 1 and 500:</p>
  <input type="text" id="guessInput" />
  <button id="guessButton">Guess</button>
  <div id="result"></div>

// Get the input and result elements
    const guessInput = document.getElementById('guessInput');
    const resultDiv = document.getElementById('result');

// Function to compare the guessed number with the random number
    const checkGuess = () => {
      // Parse the input value as an integer
      const guess = parseInt(guessInput.value);

if (guess < randomNumber) {
        resultDiv.innerHTML = 'Too low 😢';
      } else if (guess >= randomNumber && guess <= randomNumber + 10) {
        resultDiv.innerHTML = 'A little too low 😕';
      } else if (guess > randomNumber + 10 && guess < randomNumber + 50) {
        resultDiv.innerHTML = 'Close 😐';
      } else if (guess >= randomNumber + 50 && guess < randomNumber + 100) {
        resultDiv.innerHTML = 'Very close 😋';
      } else if (guess === randomNumber) {
        resultDiv.innerHTML = 'Correct answer! 😀';
      } else if (guess > randomNumber && guess <= randomNumber + 10) {
        resultDiv.innerHTML = 'Very close 😋';
      } else if (guess > randomNumber + 10 && guess < randomNumber + 50) {
        resultDiv.innerHTML = 'Close 😐';
      } else if (guess >= randomNumber + 50 && guess < randomNumber + 100) {
        resultDiv.innerHTML = 'A little too high 😕';
      } else if (guess > randomNumber + 100) {
        resultDiv.innerHTML = 'Too high 😡';
      }
    };

// Attach event listener to the guess button
    const guessButton = document.getElementById('guessButton');
    guessButton.addEventListener('click', checkGuess);
  </script>
</body>
</html>
```

Please note that this is a basic implementation of the game and can be improved in various ways.