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

No:17765

レベルアップボタン設置ステータス画面追加ステータスに体力、力、速力、運を追加ステータス全体の上..ALL
Developer User7784｜Date and time 23/9/24 15:10:37
Build time 23.005 sec｜Game capacity 2.292KB｜

Script

レベルアップゲーム

ステータス

体力: 1
力: 1
速力: 1
運: 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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>レベルアップゲーム</title>
    <style>
        body {
            text-align: center;
        }
        #levelButton {
            font-size: 24px;
            padding: 10px;
            border-radius: 10px;
            background-color: #39B54A;
            color: white;
            border: none;
            cursor: pointer;
        }
        #levelStatus {
            font-size: 24px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>レベルアップゲーム</h1>
    <button id="levelButton">レベルアップ</button>
    <h2>ステータス</h2>
    <div id="levelStatus">
        体力: <span id="health">1</span><br>
        力: <span id="strength">1</span><br>
        速力: <span id="speed">1</span><br>
        運: <span id="luck">1</span>
    </div>

var level = 1;
        var maxLevel = 10;

levelButton.addEventListener("click", function() {
            if(level < maxLevel) {
                level++;
                updateStats();
            } else {
                alert("最大レベルに達しました！");
            }
        });

function updateStats() {
            // ステータスをランダムに上昇させる
            var healthIncrease = Math.floor(Math.random() * 3) + 1;
            var strengthIncrease = Math.floor(Math.random() * 3) + 1;
            var speedIncrease = Math.floor(Math.random() * 3) + 1;
            var luckIncrease = Math.floor(Math.random() * 3) + 1;

health.textContent = parseInt(health.textContent) + healthIncrease;
            strength.textContent = parseInt(strength.textContent) + strengthIncrease;
            speed.textContent = parseInt(speed.textContent) + speedIncrease;
            luck.textContent = parseInt(luck.textContent) + luckIncrease;
        }
    </script>
</body>
</html>