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

No:47055

Gra RPG w której mamy życie, poziom, doświadczenie..ALL
Developer User20368｜Date and time 24/2/27 7:02:01
Build time 28.279 sec｜Game capacity 5.695KB｜

Script

RPG Game

Life: 100

Level: 1

Experience: 0

Gold: 0

Weapon: None

Shield: None

Potions: 3

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RPG Game</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
        background-color: #f0f0f0;
    }

#game-screen {
        margin: 20px auto;
        padding: 20px;
        border: 1px solid #333;
        background-color: #fff;
        width: 80%;
        max-width: 500px;
    }

#monster-img {
        max-width: 200px;
        border: 1px solid #333;
        margin: 10px auto;
        display: none;
    }

#game-buttons button {
        margin: 5px;
        padding: 5px 10px;
        border: none;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
    }

#game-buttons button:disabled {
        background-color: #ccc;
        cursor: default;
    }
</style>
</head>
<body>
<div id="game-screen">
    <h1>RPG Game</h1>
    <p>Life: <span id="player-life">100</span></p>
    <p>Level: <span id="player-level">1</span></p>
    <p>Experience: <span id="player-exp">0</span></p>
    <p>Gold: <span id="player-gold">0</span></p>
    <p>Weapon: <span id="player-weapon">None</span></p>
    <p>Shield: <span id="player-shield">None</span></p>
    <p>Potions: <span id="player-potions">3</span></p>
    <img src="monster.png" id="monster-img">
    <div id="game-buttons">
        <button onclick="attack()">Attack</button>
        <button onclick="heal()" disabled>Heal</button>
        <button onclick="run()" disabled>Run</button>
    </div>
</div>

function attack() {
        const monsterLife = Math.floor(Math.random() * 50) + 50;
        document.getElementById("monster-img").style.display = "block";
        document.getElementById("monster-img").src = "monster.png";
        document.getElementById("game-buttons").innerHTML = "<button onclick='playerAttack(" + monsterLife + ")'>Attack</button>";
    }

function playerAttack(monsterLife) {
        const playerDamage = Math.floor(Math.random() * 20) + 10;
        const monsterDamage = Math.floor(Math.random() * 15) + 5;

playerLife -= monsterDamage;
        document.getElementById("player-life").textContent = playerLife;

monsterLife -= playerDamage;
        if (monsterLife <= 0) {
            playerExp += 50;
            playerGold += 20;
            document.getElementById("player-exp").textContent = playerExp;
            document.getElementById("player-gold").textContent = playerGold;
            document.getElementById("monster-img").style.display = "none";
            document.getElementById("game-buttons").innerHTML = "<button onclick='attack()'>Next</button>";
        } else {
            document.getElementById("monster-img").src = "monster.png";
            setTimeout(() => {
                playerLife -= monsterDamage;
                document.getElementById("player-life").textContent = playerLife;

if (playerLife <= 0) {
                    document.getElementById("game-buttons").innerHTML = "<button onclick='restart()'>Game Over</button>";
                } else {
                    document.getElementById("game-buttons").innerHTML = "<button onclick='playerAttack(" + monsterLife + ")'>Attack</button>";
                }
            }, 1000);
        }
    }

function heal() {
        const healAmount = Math.floor(Math.random() * 20) + 10;
        playerLife += healAmount;
        playerPotions--;
        document.getElementById("player-life").textContent = playerLife;
        document.getElementById("player-potions").textContent = playerPotions;
        document.getElementById("game-buttons").innerHTML = "<button onclick='attack()'>Attack</button>";
    }

function restart() {
        playerLife = 100;
        playerLevel = 1;
        playerExp = 0;
        playerGold = 0;
        playerWeapon = "None";
        playerShield = "None";
        playerPotions = 3;
        document.getElementById("player-life").textContent = playerLife;
        document.getElementById("player-level").textContent = playerLevel;
        document.getElementById("player-exp").textContent = playerExp;
        document.getElementById("player-gold").textContent = playerGold;
        document.getElementById("player-weapon").textContent = playerWeapon;
        document.getElementById("player-shield").textContent = playerShield;
        document.getElementById("player-potions").textContent = playerPotions;
        document.getElementById("monster-img").style.display = "none";
        document.getElementById("game-buttons").innerHTML = "<button onclick='attack()'>Start Game</button>";
    }
</script>

</body>
</html>
```