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

No:14487

←

Prev Next

→

ゾンビと戦うゲーム
Developer User6248｜Date and time 23/9/2 14:15:29
Build time 16.467 sec｜Game capacity 1.404KB｜

Script

了解です。以下にゾンビと戦うゲームのHTMLファイルを実装します。

ゾンビと戦うゲーム

スマホの画面をタップしてゾンビを攻撃しよう！

ゾンビの体力: 10

このHTMLファイルは、ゾンビの体力を示す「ゾンビの体力」というテキストを表示し、画面のどこかをタップするとゾンビの体力が1減ります。ゾンビの体力が0以下になると、ゾンビを倒したことを表示し、ゲームクリアとなります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。以下にゾンビと戦うゲームのHTMLファイルを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>ゾンビと戦うゲーム</title>
  <style>
    #player {
      font-size: 50px;
      cursor: pointer;
    }

#zombie {
      font-size: 50px;
    }
  </style>
</head>
<body>
  <h1>ゾンビと戦うゲーム</h1>
  <p>スマホの画面をタップしてゾンビを攻撃しよう！</p>
  <p>ゾンビの体力: <span id="zombieHp">10</span></p>
  <button onclick="startGame()">ゲーム開始</button>

function startGame() {
      document.addEventListener('click', attackZombie);
    }

function attackZombie() {
      zombieHp--;
      document.getElementById('zombieHp').textContent = zombieHp;

if (zombieHp <= 0) {
        document.removeEventListener('click', attackZombie);
        document.getElementById('zombie').textContent = 'ゾンビ: ☠️';
        alert('ゾンビを倒した！おめでとう！');
      }
    }
  </script>
</body>
</html>
```