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

No:21065

A game that generate a number between 1-10000000 a..ALL
Developer User9316｜Date and time 23/10/13 6:27:57
Build time 78.754 sec｜Game capacity 3.766KB｜

Script

Number Guessing Game

Leaderboard

Rank	Number

This is a simple number guessing game implemented as a single HTML file. The game generates a random number between 1 and 10,000,000, allowing the user to enter their guess using a number input field and submit button. The top 10 numbers generated are displayed in a leaderboard, which is saved even if the browser is refreshed or closed. The user's high score is displayed under the leaderboard. The game uses JavaScript for processing and is designed for smartphone operation.

←

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;
      }
      h1 {
        margin-top: 50px;
      }
      #number-input {
        margin-top: 30px;
        padding: 10px;
      }
      #submit-btn {
        margin-top: 10px;
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        font-size: 16px;
        border: none;
        cursor: pointer;
      }
      #result {
        margin-top: 20px;
      }
      #leaderboard {
        margin-top: 50px;
      }
    </style>
  </head>
  <body>
    <h1>Number Guessing Game</h1>
  
    <input type="number" id="number-input" placeholder="Enter a number between 1 and 10,000,000" min="1" max="10000000">
    <br>
    <button id="submit-btn" onclick="submitGuess()">Submit</button>
    
    <div id="result"></div>
    
    <h2>Leaderboard</h2>
    <table id="leaderboard" border="1">
      <tr>
        <th>Rank</th>
        <th>Number</th>
      </tr>
    </table>
    
    <script>
      var leaderboard = []; // Array to store leaderboard data
      var highScore = 0; // Current high score
      
      // Check if leaderboard data exists in local storage
      if (localStorage.getItem("leaderboardData")) {
        leaderboard = JSON.parse(localStorage.getItem("leaderboardData"));
      }
      
      // Display leaderboard
      function displayLeaderboard() {
        var table = document.getElementById("leaderboard");
        table.innerHTML = "<tr><th>Rank</th><th>Number</th></tr>"; // Reset table
        
        for (var i = 0; i < leaderboard.length; i++) {
          var row = table.insertRow(i + 1);
          var rank = row.insertCell(0);
          var number = row.insertCell(1);
          rank.innerHTML = i + 1;
          number.innerHTML = leaderboard[i];
        }
      }
      
      // Update leaderboard
      function updateLeaderboard(number) {
        leaderboard.push(number);
        leaderboard.sort(function(a, b){return b - a}); // Sort in descending order
        
        if (leaderboard.length > 10) {
          leaderboard.pop(); // Remove the 11th element (if exists)
        }
        
        displayLeaderboard();
        localStorage.setItem("leaderboardData", JSON.stringify(leaderboard)); // Store leaderboard data in local storage
      }
      
      // Check if number is a new high score
      function checkHighScore(number) {
        if (number > highScore) {
          highScore = number;
        }
        
        document.getElementById("result").innerHTML = "High Score: " + highScore;
      }
      
      // Submit user's guess
      function submitGuess() {
        var number = parseInt(document.getElementById("number-input").value);
        
        if (!isNaN(number) && number >= 1 && number <= 10000000) {
          updateLeaderboard(number);
          checkHighScore(number);
        } else {
          alert("Invalid input! Please enter a number between 1 and 10,000,000.");
        }
      }
      
      displayLeaderboard(); // Display initial leaderboard
    </script>
  </body>
</html>
```