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

No:5132

2009

←

Prev Next

→

The Three Kingdoms vs. Japanese Warlords
Developer User3812｜Date and time 23/6/29 19:14:22
Build time 26.906 sec｜Game capacity 2.215KB｜

Script

了解しました。以下に、三国志と日本の戦国武将を対戦させるシンプルなゲームの実装例を示します。

三国志 vs. 戦国武将

戦闘開始！

このゲームでは、ボタンをクリックすると三国志のキャラクターである「劉備」と戦国武将のキャラクターである「織田信長」が攻撃し合います。ランダムな攻撃力と守備力が設定されており、HPが減るごとに結果が表示されます。どちらかのキャラクターがHPが0以下になると、勝敗が表示され、ボタンが無効化されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解しました。以下に、三国志と日本の戦国武将を対戦させるシンプルなゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>三国志 vs. 戦国武将</title>
</head>
<body>
  <h1>三国志 vs. 戦国武将</h1>
  <h2 id="status">戦闘開始！</h2>
  <button onclick="attack()">攻撃する</button>

var sengoku_busho = {
      name: "織田信長",
      attackPower: 12,
      defensePower: 4,
      hp: 100
    };

function attack() {
      var statusEl = document.getElementById("status");

// 三国志の攻撃
      var sgzAttack = Math.floor(Math.random() * san_guo_zhi.attackPower) + 1;
      sengoku_busho.hp -= sgzAttack;

// 戦国武将の攻撃
      var sbAttack = Math.floor(Math.random() * sengoku_busho.attackPower) + 1;
      san_guo_zhi.hp -= sbAttack;

// 戦闘結果を表示
      statusEl.textContent = san_guo_zhi.name + "のHP: " + san_guo_zhi.hp + " / " + sengoku_busho.name + "のHP: " + sengoku_busho.hp;

// 戦闘終了判定
      if (san_guo_zhi.hp <= 0 && sengoku_busho.hp <= 0) {
        statusEl.textContent = "引き分け！";
        document.getElementsByTagName("button")[0].disabled = true;
      } else if (san_guo_zhi.hp <= 0) {
        statusEl.textContent = sengoku_busho.name + "の勝利！";
        document.getElementsByTagName("button")[0].disabled = true;
      } else if (sengoku_busho.hp <= 0) {
        statusEl.textContent = san_guo_zhi.name + "の勝利！";
        document.getElementsByTagName("button")[0].disabled = true;
      }
    }
  </script>
</body>
</html>
```