Hi, so im planning on making a rpg battle game, the problem is the fight continues even though one player has less then zero health. Then it randomly stops after a certain amount of time. Can you help? Thank you in advance…
<button id="myBtn" onclick='attack()'>Primary Weapon</button>
<button>Secondary Weapon</button>
<p id='playerHealth'></p>
<p id='enemyHealth'></p>
<p id='playerDamage'></p>
<p id='dragonDamage'></p>
<button onclick='restart()'>Restart Battle</button>
let player = 50;
let dragon = 30;
document.getElementById('playerHealth').innerText = player;
document.getElementById('enemyHealth').innerText = dragon;
function attack() {
let playerAccuracy = Math.floor(Math.random()* 5 + 1);
let playerAttackDamage = Math.floor(Math.random()* 20 + 1);
if(player <= 0) {
document.getElementById('playerDamage').innerText = 'You Lose';
document.getElementById("myBtn").disabled = true;
} else if(playerAccuracy > 1) {
dragon -= playerAttackDamage;
document.getElementById('enemyHealth').innerText = dragon;
document.getElementById('playerDamage').innerText = 'You hit the dragon for ' + playerAttackDamage;
} else if (playerAccuracy < 3) {
document.getElementById('playerDamage').innerText = 'You Missed';
}
dragonAttack()
};
function dragonAttack() {
let dragonAccuracy = Math.floor(Math.random()* 5 + 1);
let dragonAttackDamage = Math.floor(Math.random()* 20 + 1);
if(dragonAccuracy > 3 ) {
player -= dragonAttackDamage;
document.getElementById('playerHealth').innerText = player;
document.getElementById('dragonDamage').innerText = 'The dragon hit you for ' + dragonAttackDamage;
} else if (dragonAccuracy < 3) {
document.getElementById('dragonDamage').innerText = 'The dragon missed';
} else if(dragon <= 0 ) {
document.getElementById('dragonDamage').innerText = 'You Won';
document.getElementById("myBtn").disabled = true;
}
};
function restart () {
document.getElementById("myBtn").disabled = false;
let player = 50;
let dragon = 30;
document.getElementById('playerHealth').innerText = player;
document.getElementById('enemyHealth').innerText = dragon;
}