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

No:30954

←

Prev Next

→

名前からキャラクターを生成して戦わせるゲーム
Developer User14987｜Date and time 23/12/24 17:54:28
Build time 20.716 sec｜Game capacity 3.381KB｜

Script

了解しました。以下に、名前からキャラクターを生成して戦わせるゲームの例を示します。

名前からキャラクターを生成して戦わせるゲーム

あなたのキャラクター名を入力してください：

このプログラムは、画面上にキャラクター名を入力し、「キャラクター作成」ボタンでキャラクターを生成します。生成されたキャラクターは攻撃力、防御力、そして初期HPがランダムに決まります。キャラクターが作成されると、そのキャラクターが敵と戦います。戦闘はキャラクター同士が行動することで進行し、攻撃を行うごとにバトルログに結果が表示されます。最終的に敵をすべて倒したか、自身のキャラクターが敗北した場合に結果メッセージが表示されます。

←

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>

<p>あなたのキャラクター名を入力してください：</p>
  <input type="text" id="inputName">
  <br>
  <button onclick="createCharacter()">キャラクター作成</button>

function createCharacter() {
      const name = document.getElementById('inputName').value;

if (name.trim() === '') {
        alert('キャラクター名を入力してください');
        return;
      }

document.getElementById('inputName').value = '';

battle(character);
    }

function battle(player) {
      const enemies = [
        new Character('Enemy1'),
        new Character('Enemy2'),
        new Character('Enemy3'),
      ];

const battleLog = document.getElementById('battleLog');
      battleLog.innerHTML = '';

enemies.forEach(function(enemy) {
        while (player.hp > 0 && enemy.hp > 0) {
          const playerDamage = player.attackEnemy(enemy);
          const enemyDamage = enemy.attackEnemy(player);

battleLog.innerHTML += `<p>${player.name}の攻撃！${enemy.name}に${playerDamage}のダメージを与えた！</p>`;
          battleLog.innerHTML += `<p>${enemy.name}の攻撃！${player.name}に${enemyDamage}のダメージを与えた！</p>`;
        }

このプログラムは、画面上にキャラクター名を入力し、「キャラクター作成」ボタンでキャラクターを生成します。生成されたキャラクターは攻撃力、防御力、そして初期HPがランダムに決まります。

キャラクターが作成されると、そのキャラクターが敵と戦います。戦闘はキャラクター同士が行動することで進行し、攻撃を行うごとにバトルログに結果が表示されます。最終的に敵をすべて倒したか、自身のキャラクターが敗北した場合に結果メッセージが表示されます。