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

No:20561

←

Prev Next

→

Catch an aliens
Developer User8892｜Date and time 23/10/10 4:57:32
Build time 8.286 sec｜Game capacity 1.492KB｜

Script

Поймай пришельцев!

Счет: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Поймай пришельцев!</title>
    <style>
      #game-board {
        display: flex;
        flex-wrap: wrap;
        width: 320px;
        height: 320px;
        margin: 0 auto;
      }
      .alien {
        font-size: 60px;
        width: 80px;
        height: 80px;
        text-align: center;
        padding-top: 10px;
        cursor: pointer;
      }
      #score {
        text-align: center;
        font-size: 24px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <h1>Поймай пришельцев!</h1>
    <div id="game-board"></div>
    <div id="score">Счет: <span id="score-value">0</span></div>

function createAlien() {
        var alien = document.createElement("div");
        alien.className = "alien";
        alien.innerHTML = aliens[Math.floor(Math.random() * aliens.length)];
        alien.addEventListener("click", function() {
          increaseScore();
          this.parentNode.removeChild(this);
        });
        return alien;
      }

function increaseScore() {
        scoreValue++;
        document.getElementById("score-value").textContent = scoreValue;
      }

for (var i = 0; i < 9; i++) {
        var gameBoard = document.getElementById("game-board");
        gameBoard.appendChild(createAlien());
      }
    </script>
  </body>
</html>