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

No:30657

103

←

Prev Next

→

バトル
Developer User14903｜Date and time 23/12/23 14:45:22
Build time 17.525 sec｜Game capacity 2.406KB｜

Script

了解です。以下は、1枚のHTMLファイルとして実装した、JavaScriptを含むバトルゲームのサンプルです。

バトルゲーム

😀

💀

このゲームは、プレイヤーと敵の体力が表示され、プレイヤーをクリックすることでダメージを与えられます。プレイヤーと敵の体力が0以下になると勝敗メッセージが表示され、ゲームがリセットされます。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解です。以下は、1枚のHTMLファイルとして実装した、JavaScriptを含むバトルゲームのサンプルです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>バトルゲーム</title>
  <style>
    #player {
      font-size: 100px;
      text-align: center;
      cursor: pointer;
    }
    #enemy {
      font-size: 100px;
      text-align: center;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>バトルゲーム</h1>
  <div id="player">😀</div>
  <div id="enemy">💀</div>

// プレイヤーをクリックした時の処理
    document.getElementById("player").addEventListener("click", function() {
      // プレイヤーのダメージをランダムに算出
      var damage = Math.floor(Math.random() * 10) + 1;
      // 敵の体力を減らす
      enemyHP -= damage;
      // 敵の体力が0以下になったら勝利メッセージを表示
      if (enemyHP <= 0) {
        alert("勝利！");
        resetGame();
      } else {
        updateDisplay();
        // 敵のターンに移る
        enemyTurn();
      }
    });

// 敵のターンの処理
    function enemyTurn() {
      // 敵のダメージをランダムに算出
      var damage = Math.floor(Math.random() * 10) + 1;
      // プレイヤーの体力を減らす
      playerHP -= damage;
      // プレイヤーの体力が0以下になったら敗北メッセージを表示
      if (playerHP <= 0) {
        alert("敗北！");
        resetGame();
      } else {
        updateDisplay();
      }
    }

// 体力表示を更新する処理
    function updateDisplay() {
      document.getElementById("player").innerHTML = "😀 " + playerHP;
      document.getElementById("enemy").innerHTML = "💀 " + enemyHP;
    }

// ゲームのリセット処理
    function resetGame() {
      playerHP = 100;
      enemyHP = 100;
      updateDisplay();
    }

// ゲーム開始時に表示を初期化する
    updateDisplay();
  </script>
</body>
</html>
```