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

No:8917

125

←

Prev Next

→

Weak male princess vs. Otasas princess
Developer User4246｜Date and time 23/7/19 19:02:19
Build time 36.558 sec｜Game capacity 2.929KB｜

Script

了解しました。以下に、弱者男性の姫vsオタサーの姫というテーマで部分的にゲーム化したプログラム例を示します。このプログラムでは、2つのボタンを使って、姫同士のバトルを進めることができます。

弱者男性の姫vsオタサーの姫

プレイヤー1のターンです

このプログラムでは、プレイヤー1とプレイヤー2の体力を管理し、ランダムなダメージを与える攻撃を行います。攻撃ボタンをクリックすることで、相手の体力を減らすことができます。一方のプレイヤーの体力が0以下になった時点で、他方のプレイヤーの勝利となります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>弱者男性の姫vsオタサーの姫</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>弱者男性の姫vsオタサーの姫</h1>
  <div id="message">プレイヤー1のターンです</div>
  <button id="player1Button" onclick="attackPlayer1()">プレイヤー1の攻撃</button>
  <button id="player2Button" onclick="attackPlayer2()">プレイヤー2の攻撃</button>

function attackPlayer1() {
      var damage = Math.floor(Math.random() * 10) + 1; // 1~10の乱数でダメージを決定
      player2HP -= damage; // プレイヤー2の体力を減らす

// ダメージを表示
      document.getElementById("message").textContent = "プレイヤー1がプレイヤー2に" + damage + "のダメージを与えた";

// プレイヤー2の体力が0以下になったら終了メッセージを表示
      if (player2HP <= 0) {
        document.getElementById("message").textContent = "プレイヤー1の勝利！";
        document.getElementById("player1Button").disabled = true;
        document.getElementById("player2Button").disabled = true;
      } else {
        document.getElementById("player2Button").disabled = false; // プレイヤー2の攻撃ボタンを有効化
      }
    }

function attackPlayer2() {
      var damage = Math.floor(Math.random() * 10) + 1; // 1~10の乱数でダメージを決定
      player1HP -= damage; // プレイヤー1の体力を減らす

// ダメージを表示
      document.getElementById("message").textContent = "プレイヤー2がプレイヤー1に" + damage + "のダメージを与えた";

// プレイヤー1の体力が0以下になったら終了メッセージを表示
      if (player1HP <= 0) {
        document.getElementById("message").textContent = "プレイヤー2の勝利！";
        document.getElementById("player1Button").disabled = true;
        document.getElementById("player2Button").disabled = true;
      } else {
        document.getElementById("player1Button").disabled = false; // プレイヤー1の攻撃ボタンを有効化
      }
    }
  </script>
</body>
</html>
```