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

No:14917

122

←

Prev Next

→

Seven Segment Numbers
Developer User6030｜Date and time 23/9/5 0:29:09
Build time 31.077 sec｜Game capacity 2.519KB｜

Script

Seven Segment Numbers Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Seven Segment Numbers Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      padding-top: 50px;
    }
    #container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .segment {
      width: 10px;
      height: 30px;
      border: 2px solid black;
      margin: 2px;
    }
    .active-segment {
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>Seven Segment Numbers Game</h1>
  <div id="container"></div>

// Generate segments for the given digit
    function generateSegments(digit) {
      const segments = digits[digit].map(active => {
        const segment = document.createElement('div');
        segment.className = 'segment' + (active ? ' active-segment' : '');
        return segment;
      });
      return segments;
    }

// Display a random number and check the guessed value
    function displayRandomNumber() {
      const container = document.getElementById('container');

// Clear the container
      container.innerHTML = '';

// Generate a random number between 0 and 9
      const randomNumber = Math.floor(Math.random() * 10);

// Generate the segments for the random number
      const segments = generateSegments(randomNumber);
      
      // Append the segments to the container
      segments.forEach(segment => {
        container.appendChild(segment);
      });

setTimeout(checkInput, 2000, randomNumber);
    }

// Check if the user guessed the number correctly
    function checkInput(randomNumber) {
      const input = prompt('Enter the displayed number:');
      const guessedNumber = parseInt(input);

if (guessedNumber === randomNumber) {
        alert('Congratulations! You guessed the correct number!');
      } else {
        alert(`Sorry, the correct number was ${randomNumber}. Try again!`);
      }

displayRandomNumber();
    }

// Start the game by displaying a random number
    displayRandomNumber();
  </script>
</body>
</html>