Fireball destruction 300's game

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

No:52222

←

Prev Next

→

Fireball destruction 300
Developer Winnerweiner2113｜Date and time 24/3/19 4:12:49
Build time 5.548 sec｜Game capacity 1.299KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fireball Destruction 300</title>
<style>
  body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
  }
  #gameBoard {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
  }
  .cell {
    width: 50px;
    height: 50px;
    background-color: #f39c12;
    border: 1px solid #ecf0f1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: white;
  }
</style>
</head>
<body>
<div id="gameBoard"></div>

function createFireballs() {
    for (let i = 0; i < 36; i++) {
      const cell = document.createElement('div');
      cell.classList.add('cell');
      cell.innerText = '🔥';
      cell.addEventListener('click', destroyFireball);
      gameBoard.appendChild(cell);
    }
  }

function destroyFireball() {
    this.innerText = '';
    this.style.backgroundColor = '#2ecc71';
    score += 10;
  }

function startGame() {
    gameBoard.innerHTML = '';
    score = 0;
    createFireballs();
  }

startGame();
</script>
</body>
</html>