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

No:14292

111

←

Prev Next

→

Lay The Numbers
Developer User6030｜Date and time 23/8/31 18:42:06
Build time 15.279 sec｜Game capacity 2.027KB｜

Script

Lay The Numbers

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Lay The Numbers</title>
  <style>
    body {
      text-align: center;
      padding: 40px;
      font-family: Arial, sans-serif;
    }
    
    #board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 20px;
    }
    
    .tile {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      border: 2px solid black;
      font-size: 40px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Lay The Numbers</h1>
  <div id="board"></div>
  <button id="startButton">Start</button>
  <script>
    // Generate random numbers between 1 and 9
    function generateNumbers() {
      let numbers = [];
      while (numbers.length < 9) {
        let randomNum = Math.floor(Math.random() * 9) + 1;
        if (!numbers.includes(randomNum)) {
          numbers.push(randomNum);
        }
      }
      return numbers;
    }

// Shuffle array using Fisher-Yates algorithm
    function shuffleArray(array) {
      for (let i = array.length - 1; i > 0; i--) {
        let j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    }

// Create the game board with randomized numbers
    function createGameBoard() {
      let numbers = generateNumbers();
      let shuffledNumbers = shuffleArray(numbers);
      let board = document.getElementById('board');

for (let i = 0; i < shuffledNumbers.length; i++) {
        let tile = document.createElement('div');
        tile.className = 'tile';
        tile.textContent = shuffledNumbers[i];
        board.appendChild(tile);
      }
    }

// Start the game by creating the board
    function startGame() {
      let startButton = document.getElementById('startButton');
      startButton.disabled = true;
      createGameBoard();
    }

document.getElementById('startButton').addEventListener('click', startGame);
  </script>
</body>
</html>