Simple RPG game Level up system's game

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

No:14313

←

Prev Next

→

Simple RPG game Level up system
Developer User6133｜Date and time 23/8/31 22:35:51
Build time 33.966 sec｜Game capacity 4.901KB｜

Script

简单 RPG 游戏

玩家

等级: 1

生命值: 100

攻击力: 10

敌人

等级: 1

生命值: 100

攻击力: 10

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>简单 RPG 游戏</title>

h2 {
            text-align: center;
        }

.game-container {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

.stats {
            text-align: center;
            margin-bottom: 10px;
        }

.actions {
            text-align: center;
        }

.button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }

.button:hover {
            background-color: #45a049;
        }

.info {
            text-align: center;
            margin-top: 20px;
        }

#attackButton {
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <h2>简单 RPG 游戏</h2>

const enemyLevelElement = document.getElementById("enemyLevel");
        const enemyHealthElement = document.getElementById("enemyHealth");
        const enemyAttackElement = document.getElementById("enemyAttack");

const attackButton = document.getElementById("attackButton");
        const levelUpButton = document.getElementById("levelUpButton");

const resultText = document.getElementById("resultText");

// 定义玩家和敌人初始属性
        let playerLevel = 1;
        let playerHealth = 100;
        let playerAttack = 10;

let enemyLevel = 1;
        let enemyHealth = 100;
        let enemyAttack = 10;

// 更新界面上的属性显示
        function updateAttributes() {
            playerLevelElement.innerText = playerLevel;
            playerHealthElement.innerText = playerHealth;
            playerAttackElement.innerText = playerAttack;

enemyLevelElement.innerText = enemyLevel;
            enemyHealthElement.innerText = enemyHealth;
            enemyAttackElement.innerText = enemyAttack;
        }

// 处理攻击操作
        function attack() {
            // 玩家攻击敌人
            enemyHealth -= playerAttack;

// 敌人攻击玩家
            playerHealth -= enemyAttack;

// 检查是否有角色死亡
            if (playerHealth <= 0) {
                resultText.innerText = "你输了！";
                attackButton.disabled = true;
                levelUpButton.disabled = true;
            } else if (enemyHealth <= 0) {
                resultText.innerText = "你赢了！";
                enemyLevel++;
                enemyHealth = 100 + enemyLevel * 20;
                enemyAttack = 10 + enemyLevel * 2;
                updateAttributes();
            } else {
                resultText.innerText = "继续攻击！";
            }

// 更新界面上的生命值显示
            playerHealthElement.innerText = playerHealth;
            enemyHealthElement.innerText = enemyHealth;
        }

// 处理升级操作
        function levelUp() {
            playerLevel++;
            playerHealth += 20;
            playerAttack += 5;
            resultText.innerText = "升级成功！";
            updateAttributes();
        }

// 注册攻击按钮点击事件
        attackButton.addEventListener("click", attack);

// 注册升级按钮点击事件
        levelUpButton.addEventListener("click", levelUp);

// 更新初始属性显示
        updateAttributes();
    </script>
</body>
</html>