桃太郎シミュレーター's game

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

No:40889

←

Prev Next

→

桃太郎シミュレーター
Developer User18209｜Date and time 24/2/4 12:23:16
Build time 8.659 sec｜Game capacity 2.075KB｜

Script

了解しました。下記に、桃太郎シミュレーターの実装例を示します。

桃太郎の体力: 100

鬼の体力: 100

このコードでは、「攻撃」ボタンをクリックすると、桃太郎と鬼の体力がランダムなダメージ分ずつ減少します。どちらかの体力が0以下になると、勝敗が表示され、再度始めるためのリセットボタンが押されるまで攻撃はできません。このように、プログラムは1枚のHTMLファイル内にあり、JavaScriptは`
`タグで囲まれています。必要な処理が実行され、スマートフォンで遊ぶことができる仕組みです。

←

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>桃太郎シミュレーター</title>
    <style>
      #player {
        font-size: 50px;
      }
      #enemy {
        font-size: 50px;
      }
    </style>
  </head>
  <body>
    <button onclick="attack()">攻撃</button>
    <p>桃太郎の体力: <span id="player">100</span></p>
    <p>鬼の体力: <span id="enemy">100</span></p>

var damage = Math.floor(Math.random() * 20) + 10;
        var playerCurrentHP = parseInt(playerHP.innerHTML) - damage;
        playerHP.innerHTML = playerCurrentHP;
        if (playerCurrentHP <= 0) {
          alert("鬼の勝ち！");
          reset();
          return;
        }

var enemyDamage = Math.floor(Math.random() * 30) + 20;
        var enemyCurrentHP = parseInt(enemyHP.innerHTML) - enemyDamage;
        enemyHP.innerHTML = enemyCurrentHP;
        if (enemyCurrentHP <= 0) {
          alert("桃太郎の勝ち！");
          reset();
          return;
        }
      }

function reset() {
        var playerHP = document.getElementById("player");
        var enemyHP = document.getElementById("enemy");
        playerHP.innerHTML = "100";
        enemyHP.innerHTML = "100";
      }
    </script>
  </body>
</html>
```

このコードでは、「攻撃」ボタンをクリックすると、桃太郎と鬼の体力がランダムなダメージ分ずつ減少します。どちらかの体力が0以下になると、勝敗が表示され、再度始めるためのリセットボタンが押されるまで攻撃はできません。

このように、プログラムは1枚のHTMLファイル内にあり、JavaScriptは`<script>`タグで囲まれています。必要な処理が実行され、スマートフォンで遊ぶことができる仕組みです。