ドラゴンクエストII's game

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

No:34492

←

Prev Next

→

ドラゴンクエストII
Developer User16261｜Date and time 24/1/10 22:23:24
Build time 18.931 sec｜Game capacity 3.922KB｜

Script

了解いたしました。以下にサンプルのコードを示します。

ドラゴンクエストII

戦う

このゲームは、「戦う」ボタンをクリックするとドラゴンとのバトルが始まります。プレイヤーとドラゴンは交互に攻撃し、HPが0になった方が負けとなります。攻撃のダメージはランダムに計算されます。バトルの進行と結果は画面上に表示されます。

←

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>ドラゴンクエストII</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding-top: 100px;
        }
        
        .title {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        .button {
            font-size: 18px;
            padding: 10px 20px;
            margin: 10px;
            border-radius: 5px;
            cursor: pointer;
        }
        
        .battle {
            margin-top: 50px;
            font-size: 20px;
        }
        
        .monster {
            font-size: 30px;
            margin-top: 20px;
        }
        
        .win {
            color: green;
        }
        
        .lose {
            color: red;
        }
    </style>
</head>
<body>
    <div class="title">ドラゴンクエストII</div>
    
    <div id="battleContainer">
        <div class="button" onclick="startBattle()">戦う</div>
    </div>
    
    <script>
        function startBattle() {
            var playerHP = 100;
            var monsterHP = 100;
            var battleContainer = document.getElementById("battleContainer");
            
            battleContainer.innerHTML = "";
            battleContainer.innerHTML += "<div class='battle'>バトル開始！</div>";
            battleContainer.innerHTML += "<div class='monster'>🐉ドラゴン</div>";
            battleContainer.innerHTML += "<div class='monster'>😄プレイヤー</div>";
            battleContainer.innerHTML += "<div class='battle'>どちらの攻撃しますか？</div>";
            
            var attackButtons = document.createElement("div");
            attackButtons.innerHTML = "<div class='button' onclick='attackDragon()'>ドラゴンを攻撃する</div>";
            attackButtons.innerHTML += "<div class='button' onclick='attackPlayer()'>プレイヤーを攻撃する</div>";
            battleContainer.appendChild(attackButtons);
            
            var messageArea = document.createElement("div");
            messageArea.className = "battle";
            battleContainer.appendChild(messageArea);
            
            function attackDragon() {
                var damage = Math.floor(Math.random() * 10) + 5;
                monsterHP -= damage;
                
                if (monsterHP <= 0) {
                    battleContainer.innerHTML += "<div class='win'>🎉ドラゴンを倒した！</div>";
                    return;
                }
                
                messageArea.innerHTML = "ドラゴンに " + damage + " のダメージを与えた！";
                
                setTimeout(function() {
                    attackPlayer();
                }, 1000);
            }
            
            function attackPlayer() {
                var damage = Math.floor(Math.random() * 15) + 10;
                playerHP -= damage;
                
                if (playerHP <= 0) {
                    battleContainer.innerHTML += "<div class='lose'>😵プレイヤーは倒れた...</div>";
                    return;
                }
                
                messageArea.innerHTML = "プレイヤーは " + damage + " のダメージを受けた！";
                
                setTimeout(function() {
                    attackDragon();
                }, 1000);
            }
        }
    </script>
</body>
</html>
```