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

No:25198

←

Prev Next

→

Rpg hmtl
Developer User12287｜Date and time 23/11/19 2:38:02
Build time 137.566 sec｜Game capacity 6.777KB｜

Script

RPG Game

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>RPG Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        
        h1 {
            color: #555;
        }
        
        #startButton {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        
        #gameArea {
            display: none;
            margin-top: 50px;
        }
        
        #message {
            font-size: 20px;
            margin-bottom: 20px;
        }
        
        #choices {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }
        
        .choiceButton {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        
        #result {
            font-size: 20px;
            margin-top: 20px;
        }
        
        #restartButton {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            font-size: 16px;
            border: none;
            cursor: pointer;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>RPG Game</h1>
  
    <button id="startButton">Iniciar Jogo</button>
  
    <div id="gameArea">
        <div id="message"></div>
        <div id="choices">
            <button class="choiceButton" id="choiceButton1"></button>
            <button class="choiceButton" id="choiceButton2"></button>
            <button class="choiceButton" id="choiceButton3"></button>
        </div>
        <div id="result"></div>
        <button id="restartButton">Reiniciar Jogo</button>
    </div>

function startGame() {
            gameStarted = true;
            document.getElementById("startButton").style.display = "none";
            document.getElementById("gameArea").style.display = "block";
            document.getElementById("message").innerText = "Um monstro selvagem apareceu! O que você quer fazer?";
            document.getElementById("choiceButton1").innerText = "Atacar";
            document.getElementById("choiceButton2").innerText = "Curar";
            document.getElementById("choiceButton3").innerText = "Fugir";
        }

function attack() {
            var playerDamage = getRandomNumber(10, 20);
            var monsterDamage = getRandomNumber(5, 15);

playerHealth -= monsterDamage;
            monsterHealth -= playerDamage;
            count++;

document.getElementById("message").innerText = "Você causou " + playerDamage + " de dano ao monstro e recebeu " + monsterDamage + " de dano em troca.";

if (playerHealth <= 0 && monsterHealth <= 0) {
                document.getElementById("result").innerText = "É um empate!";
                endGame();
            } else if (playerHealth <= 0) {
                document.getElementById("result").innerText = "Você perdeu! O monstro venceu.";
                endGame();
            } else if (monsterHealth <= 0) {
                document.getElementById("result").innerText = "Você ganhou! O monstro foi derrotado.";
                endGame();
            }
        }

function heal() {
            var playerHeal = getRandomNumber(10, 20);
            var monsterDamage = getRandomNumber(5, 15);

playerHealth += playerHeal;
            playerHealth -= monsterDamage;
            count++;

document.getElementById("message").innerText = "Você se curou em " + playerHeal + " pontos de vida, mas recebeu " + monsterDamage + " de dano em troca.";

function run() {
            var monsterDamage = getRandomNumber(10, 20);
            playerHealth -= monsterDamage;
            count++;

document.getElementById("message").innerText = "Você tentou fugir, mas o monstro te atacou e causou " + monsterDamage + " de dano.";

function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function endGame() {
            gameStarted = false;
            document.getElementById("choiceButton1").disabled = true;
            document.getElementById("choiceButton2").disabled = true;
            document.getElementById("choiceButton3").disabled = true;
            document.getElementById("restartButton").style.display = "block";
        }

function restartGame() {
            playerHealth = 100;
            monsterHealth = 100;
            count = 0;
            document.getElementById("choiceButton1").disabled = false;
            document.getElementById("choiceButton2").disabled = false;
            document.getElementById("choiceButton3").disabled = false;
            document.getElementById("restartButton").style.display = "none";
            startGame();
        }

// Event listeners
        document.getElementById("startButton").addEventListener("click", startGame);
        document.getElementById("choiceButton1").addEventListener("click", attack);
        document.getElementById("choiceButton2").addEventListener("click", heal);
        document.getElementById("choiceButton3").addEventListener("click", run);
        document.getElementById("restartButton").addEventListener("click", restartGame);
    </script>
</body>
</html>