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

No:47771

←

Prev Next

→

Make an rpg based game
Developer User20641｜Date and time 24/2/29 19:13:33
Build time 10.901 sec｜Game capacity 3.229KB｜

Script

RPG Game

⚔️

🛡️

❤️

←

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 {
        text-align: center;
    }
    #game-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 50px;
    }
    .pictogram {
        font-size: 30px;
        padding: 20px;
        cursor: pointer;
    }
    #result {
        margin-top: 20px;
        font-size: 20px;
    }
</style>
</head>
<body>
<h1>RPG Game</h1>
<div id="game-container">
    <div class="pictogram" id="attack">⚔️</div>
    <div class="pictogram" id="defend">🛡️</div>
    <div class="pictogram" id="heal">❤️</div>
</div>
<div id="result"></div>

document.getElementById('attack').addEventListener('click', function() {
        let playerDamage = Math.floor(Math.random() * 10) + 1;
        let enemyDamage = Math.floor(Math.random() * 10) + 1;

enemyHealth -= playerDamage;
        playerHealth -= enemyDamage;

updateDisplay(`Player attacked and dealt ${playerDamage} damage. Enemy health: ${enemyHealth}`);
        
        if (enemyHealth <= 0) {
            updateDisplay('Player wins!');
            disableButtons();
        } else {
            enemyTurn();
        }
    });

document.getElementById('defend').addEventListener('click', function() {
        let enemyDamage = Math.floor(Math.random() * 5) + 1;
        enemyDamage = Math.ceil(enemyDamage / 2);

playerHealth -= enemyDamage;

updateDisplay(`Player defended and took ${enemyDamage} damage. Player health: ${playerHealth}`);

if (playerHealth <= 0) {
            updateDisplay('Enemy wins!');
            disableButtons();
        }
    });

document.getElementById('heal').addEventListener('click', function() {
        let playerHeal = Math.floor(Math.random() * 10) + 1;

if (playerHealth + playerHeal > 100) {
            playerHealth = 100;
        } else {
            playerHealth += playerHeal;
        }

enemyTurn();
        updateDisplay(`Player healed for ${playerHeal} HP. Player health: ${playerHealth}`);
    });

function enemyTurn() {
        let enemyMove = Math.floor(Math.random() * 3);

if (enemyMove === 0) {
            let enemyDamage = Math.floor(Math.random() * 10) + 1;

playerHealth -= enemyDamage;
            updateDisplay(`Enemy attacked and dealt ${enemyDamage} damage. Player health: ${playerHealth}`);

if (playerHealth <= 0) {
                updateDisplay('Enemy wins!');
                disableButtons();
            }
        } else {
            updateDisplay('Enemy did nothing.');
        }
    }

function updateDisplay(message) {
        const result = document.getElementById('result');
        result.innerText = message;
    }

function disableButtons() {
        document.getElementById('attack').style.pointerEvents = 'none';
        document.getElementById('defend').style.pointerEvents = 'none';
        document.getElementById('heal').style.pointerEvents = 'none';
    }
</script>
</body>
</html>
```