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

No:9669

148

←

Prev Next

→

beat-em-up game
Developer User4392｜Date and time 23/7/26 19:01:55
Build time 21.403 sec｜Game capacity 2.063KB｜

Script

了解しました。以下に、スマホ操作を前提とした「たたかうゲーム」のサンプルコードを記述します。絵文字は使用せずに、テキストベースでの実装となります。

たたかうゲーム

ここに結果が表示されます。

このプログラムは、たたかうボタンをクリックすると敵にダメージを与え、自分も敵の攻撃を受けるというゲームです。敵と自分の体力が0以下になった場合には、それぞれの結果が表示されます。たたかうボタンを無効化することで、ゲームの終了後にクリックされないようにしています。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>たたかうゲーム</title>
</head>
<body>
  <h1>たたかうゲーム</h1>

<button id="attack-button">たたかう</button>
  
  <p id="result">ここに結果が表示されます。</p>

// 自分の体力
    var playerHealth = 50

// たたかうボタンのクリックイベント
    document.getElementById('attack-button').addEventListener('click', function() {
      // 敵にダメージを与える
      enemyHealth--;

// 敵の体力が0以下の場合、勝利
      if (enemyHealth <= 0) {
        document.getElementById('result').textContent = '勝利！';
        document.getElementById('attack-button').disabled = true; // たたかうボタンを無効化
      } else {
        // 敵は回復する
        playerHealth--;

// 自分の体力が0以下の場合、敗北
        if (playerHealth <= 0) {
          document.getElementById('result').textContent = '敗北...';
          document.getElementById('attack-button').disabled = true; // たたかうボタンを無効化
        } else {
          // 結果を表示
          document.getElementById('result').textContent = '敵に攻撃を与えた！ あなたの体力: ' + playerHealth + ' 敵の体力: ' + enemyHealth;
        }
      }
    });
  </script>
</body>
</html>
```