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

No:20434

40

ドラクエバトル
Developer User3589｜Date and time 23/10/9 20:04:00
Build time 17.255 sec｜Game capacity 2.426KB｜

了解です。以下にドラクエバトルのゲームを実装したHTMLファイルを示します。

ドラクエバトル

プレイヤーHP: 100

敵HP: 100

このHTMLファイルはプレイヤーと敵のHPを表示し、攻撃ボタンをクリックするとランダムな攻撃力でダメージを与え合うドラクエバトルのゲームです。

→ 　

0　

0　

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

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

(C)2023 HisashiApp

了解です。以下にドラクエバトルのゲームを実装したHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ドラクエバトル</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>ドラクエバトル</h1>
    <p id="player_hp">プレイヤーHP: 100</p>
    <p id="enemy_hp">敵HP: 100</p>
    <button onclick="attack()">攻撃する</button>
    <script>
        var playerHP = 100;
        var enemyHP = 100;

function attack() {
            // プレイヤーの攻撃力
            var playerAttack = Math.floor(Math.random() * 10) + 1;
            
            // 敵の攻撃力
            var enemyAttack = Math.floor(Math.random() * 10) + 1;
            
            // ダメージ計算
            var playerDamage = enemyAttack;
            var enemyDamage = playerAttack;
            
            // プレイヤーのHP減算
            playerHP -= playerDamage;
            
            // 敵のHP減算
            enemyHP -= enemyDamage;
            
            // メッセージ表示
            document.getElementById("player_hp").textContent = "プレイヤーHP: " + playerHP;
            document.getElementById("enemy_hp").textContent = "敵HP: " + enemyHP;
            
            // ゲーム終了判定
            if (playerHP <= 0 && enemyHP <= 0) {
                alert("引き分け！もう一回挑戦しよう！");
                resetGame();
            } else if (playerHP <= 0) {
                alert("負け！もう一回挑戦しよう！");
                resetGame();
            } else if (enemyHP <= 0) {
                alert("勝ち！おめでとう！");
                resetGame();
            }
        }
        
        function resetGame() {
            // HPリセット
            playerHP = 100;
            enemyHP = 100;
            
            // メッセージリセット
            document.getElementById("player_hp").textContent = "プレイヤーHP: " + playerHP;
            document.getElementById("enemy_hp").textContent = "敵HP: " + enemyHP;
        }
    </script>
</body>
</html>
```

このHTMLファイルはプレイヤーと敵のHPを表示し、攻撃ボタンをクリックするとランダムな攻撃力でダメージを与え合うドラクエバトルのゲームです。