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

No:33829

←

Prev Next

→

ぼうぐん2体との戦い
Developer User15915｜Date and time 24/1/6 18:04:50
Build time 21.545 sec｜Game capacity 1.519KB｜

Script

ぼうぐんゲーム

😀

👹

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>ぼうぐんゲーム</title>
  <meta charset="UTF-8">
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 100px;
    }
    .btn {
      font-size: 0.5em;
      margin: 0.5em;
      padding: 0.5em;
      cursor: pointer;
    }
    .enemy {
      animation: enemyAttack 1s linear infinite;
    }
    @keyframes enemyAttack {
      0%, 100% {
        transform: translateX(0px)
      }
      50% {
        transform: translateX(100px);
      }
    }
  </style>
</head>
<body>
  <div>
    <h1>ぼうぐんゲーム</h1>
    <p id="player">😀</p>
    <p>vs</p>
    <p id="enemy" class="enemy">👹</p>
    <button onclick="attack()">攻撃する</button>
  </div>

// 敵の体力を減らす
      enemy.innerHTML = '👹'.repeat(enemy.innerHTML.length - 1);

// プレイヤーの体力を減らす
      player.innerHTML = '😀'.repeat(player.innerHTML.length - 1);

// プレイヤーが倒れた場合の処理
      if (player.innerHTML.length === 0) {
        alert('ゲームオーバー！');
        location.reload();
      }

// 敵が倒れた場合の処理
      if (enemy.innerHTML.length === 0) {
        alert('ゲームクリア！');
        location.reload();
      }
    }
  </script>
  
</body>
</html>