AI game creator

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

No:48495

←

Prev Next

→

Piano tiles
Developer User20712｜Date and time 24/3/2 10:00:54
Build time 6.486 sec｜Game capacity 1.449KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Piano Tiles</title>
</head>
<body>
  <div id="gameboard"></div>
  
  <script>
    // variables
    const gameboard = document.getElementById('gameboard');
    const ROWS = 4;
    const COLS = 4;
    const TILES = ROWS * COLS;
    let score = 0;

// create grid
    for(let i = 0; i < TILES; i++) {
      let tile = document.createElement('div');
      tile.classList.add('tile');
      tile.setAttribute('id', 'tile' + i);
      tile.innerHTML = i + 1;
      gameboard.appendChild(tile);
    }

// start game
    let currentTile = 1;
    document.getElementById('tile0').style.background = 'black';

// keyboard input
    document.addEventListener('keydown', function(event) {
      if(event.key === 'Enter') {
        checkTile();
      }
    });

// check selected tile
    function checkTile() {
      let selectedTile = document.getElementById('tile' + currentTile);
      if(selectedTile.style.background === 'black') {
        score++;
        selectedTile.style.background = 'green';
        currentTile++;
        if(currentTile < TILES) {
          document.getElementById('tile' + currentTile).style.background = 'black';
        } else {
          endGame();
        }
      } else {
        endGame();
      }
    }

// end game
    function endGame() {
      alert('Game Over! Your score is ' + score);
      location.reload(); // restart game
    }
  </script>
</body>
</html>