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

No:8628

264

←

Prev Next

→

A game in which enemies are defeated by clicking. ..ALL
Developer User4223｜Date and time 23/7/17 14:53:41
Build time 21.91 sec｜Game capacity 2.132KB｜

Script

敵を倒すゲーム

敵の体力: 0

所持コイン: 0

剣のダメージ: 1

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>敵を倒すゲーム</title>
    <style>
        body {
            text-align: center;
        }

h1 {
            font-size: 30px;
        }

button {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            text-align: center;
            display: inline-block;
            font-size: 16px;
            margin: 10px;
            cursor: pointer;
            border: none;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1>敵を倒すゲーム</h1>
    <p>敵の体力: <span id="enemyHp">0</span></p>
    <p>所持コイン: <span id="coins">0</span></p>
    <p>剣のダメージ: <span id="swordDamage">1</span></p>
    <button onclick="attack()">攻撃する</button>
    <button onclick="buySword()">剣を購入する</button>

// 新しい敵を生成する関数
        function generateEnemy() {
            enemyHp = Math.floor(Math.random() * (20 - 5 + 1)) + 5;
            document.getElementById("enemyHp").innerText = enemyHp;
        }

// 攻撃する関数
        function attack() {
            enemyHp -= swordDamage;
            if (enemyHp <= 0) {
                coins += 1;
                document.getElementById("coins").innerText = coins;
                generateEnemy();
                alert("おめでとう！敵を倒しました！");
            }
            document.getElementById("enemyHp").innerText = enemyHp;
        }

// 剣を購入する関数
        function buySword() {
            if (coins >= 10) {
                coins -= 10;
                swordDamage += 3;
                document.getElementById("coins").innerText = coins;
                document.getElementById("swordDamage").innerText = swordDamage;
            } else {
                alert("コインが足りません！");
            }
        }

// 初期敵の生成
        generateEnemy();
    </script>
</body>
</html>