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

No:25325

←

Prev Next

→

自動でバトルするターン制RPG
Developer User12383｜Date and time 23/11/20 16:53:58
Build time 108.101 sec｜Game capacity 2.26KB｜

Script

Turn-based RPG

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Turn-based RPG</title>
</head>
<body>

<h1>Turn-based RPG</h1>

<button id="attack-button">Attack</button>
  <button id="defend-button">Defend</button>
  <button id="heal-button">Heal</button>

let playerHealth = MAX_HEALTH;
    let enemyHealth = MAX_HEALTH;

const battleLog = document.getElementById('battle-log');
    const attackButton = document.getElementById('attack-button');
    const defendButton = document.getElementById('defend-button');
    const healButton = document.getElementById('heal-button');

attackButton.addEventListener('click', () => {
      playerAttack();
    });

defendButton.addEventListener('click', () => {
      playerDefend();
    });

healButton.addEventListener('click', () => {
      playerHeal();
    });

function playerAttack() {
      const damage = Math.floor(Math.random() * 10) + 1;
      enemyHealth -= damage;

if (enemyHealth <= 0) {
        endBattle("Player wins!");
        return;
      }

battleLog.innerHTML += `<p>Player attacks and deals ${damage} damage.</p>`;

enemyAttack();
    }

function playerDefend() {
      playerHealth += Math.floor(Math.random() * 5) + 1;

if (playerHealth > MAX_HEALTH) {
        playerHealth = MAX_HEALTH;
      }

battleLog.innerHTML += `<p>Player defends and restores health.</p>`;

enemyAttack();
    }

function playerHeal() {
      playerHealth += Math.floor(Math.random() * 10) + 1;

if (playerHealth > MAX_HEALTH) {
        playerHealth = MAX_HEALTH;
      }

battleLog.innerHTML += `<p>Player heals and restores health.</p>`;

enemyAttack();
    }

function enemyAttack() {
      const damage = Math.floor(Math.random() * 8) + 3;
      playerHealth -= damage;

if (playerHealth <= 0) {
        endBattle("Enemy wins!");
        return;
      }

battleLog.innerHTML += `<p>Enemy attacks and deals ${damage} damage.</p>`;
    }

function endBattle(result) {
      battleLog.innerHTML += `<p>${result}</p>`;
      attackButton.disabled = true;
      defendButton.disabled = true;
      healButton.disabled = true;
    }
  </script>

</body>
</html>