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

No:6987

163

←

Prev Next

→

Depression
Developer User3951｜Date and time 23/7/4 20:39:32
Build time 20.674 sec｜Game capacity 2.14KB｜

Script

了解しました。塹壕戦をゲーム化したプログラムを作成します。以下が、HTMLファイルの実装例です。

塹壕戦

ゲーム開始！

このプログラムでは、ゲーム画面に「攻撃する」というボタンが表示されており、ボタンをクリックすることで敵にダメージを与えることができます。敵の体力は100で、ダメージは1〜20の範囲でランダムに与えられます。敵の体力が0以下になるとゲームクリアとなり、それ以外の場合は「敵に〇〇ダメージを与えました！残り体力: △△」と表示されます。実際のゲームとして遊ぶには、上記のHTMLコードを新規ファイルに保存し、ブラウザで開くか、ブラウザの開発ツールでプレビューしてください。なお、このプログラムはスマホ操作にも対応していますので、スマートフォン上でも遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。塹壕戦をゲーム化したプログラムを作成します。

以下が、HTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
  <title>塹壕戦</title>
</head>
<body>
  <div id="game-container">
    <h1>塹壕戦</h1>
    <p id="status">ゲーム開始！</p>
    <button onclick="attack()">攻撃する</button>
  </div>

// ゲームの状態を保持する変数
    let health = 100;

// プレイヤーが攻撃ボタンをクリックした時の処理
    function attack() {
      const damage = Math.floor(Math.random() * 20) + 1; // 1〜20の範囲でランダムなダメージを与える
      health -= damage; // プレイヤーの攻撃で敵の体力を減らす

if (health <= 0) {
        document.getElementById('status').textContent = '敵を倒しました！';
        document.getElementById('game-container').innerHTML = '<h1>ゲームクリア！</h1>';
      } else {
        document.getElementById('status').textContent = '敵に' + damage + 'ダメージを与えました！ 残り体力: ' + health;
      }
    }
  </script>
</body>
</html>
```

実際のゲームとして遊ぶには、上記のHTMLコードを新規ファイルに保存し、ブラウザで開くか、ブラウザの開発ツールでプレビューしてください。なお、このプログラムはスマホ操作にも対応していますので、スマートフォン上でも遊ぶことができます。