-1
我正在尝试制作游戏，这是我第一次使用javascript。我正在询问是否有办法在我的健康状况下降到0时弹出警告。当健康下降到零时提醒
我试图使用if/else语句，但似乎并不奏效。这是我的代码。谢谢。
PS。这可能是一个非常混乱的代码，但这是我知道如何去做的唯一方法。
<!DOCTYPE HTML>
<html>
<head>
</head>
<body onLoad="hideIntro()">
<h3 id="healthChange"></h3>
<h3 id='goblinHealthChange'></h3>
<script>
var health = sessionStorage.setItem('health', 40);
document.getElementById('healthChange').innerHTML = "You have " + sessionStorage.getItem('health') + " HP";
var goblinHealth = sessionStorage.setItem('goblinHealth', 20);
document.getElementById('goblinHealthChange').innerHTML = "Drogon has " + sessionStorage.getItem('goblinHealth') + " HP";
function hideIntro() {
document.getElementById('dodgeMove').style.visibility = "hidden";
document.getElementById('wait').style.visibility = "hidden";
document.getElementById('roll').style.visibility = "hidden";
document.getElementById('rules').style.visibility = "hidden";
document.getElementById('win').style.visibility = "hidden";
document.getElementById('daggerRun').style.visibility = "hidden";
document.getElementById('lose').style.visibility = "hidden";
document.getElementById('clubSmash').style.visibility = "hidden";
document.getElementById('kick').style.visibility = "hidden";
document.getElementById('rollTwo').style.visibility = "hidden";
document.getElementById('clubRules').style.visibility = "hidden";
document.getElementById('clubThree').style.visibility = "hidden";
document.getElementById('clubSix').style.visibility = "hidden";
document.getElementById('lessThanThreeClub').style.visibility = "hidden";
}
function wait() {
document.getElementById('daggerRun').style.visibility = "visible";
document.getElementById('dodgeMove').style.visibility = "visible";
document.getElementById('wait').style.visibility = "visible";
document.getElementById('attack').style.visibility = "hidden";
document.getElementById('waitFM').style.visibility = "hidden";
document.getElementById('youFight').style.visibility = "hidden";
document.getElementById('lose').style.visibility = "hidden";
document.getElementById('secondAttack').style.visibility = "hidden";
document.getElementById('win').style.visibility = "hidden";
document.getElementById('result').style.visibility = "hidden";
}
function showRoll() {
document.getElementById('roll').style.visibility = "visible";
document.getElementById('rules').style.visibility = "visible";
document.getElementById('daggerRun').style.visibility = "hidden";
document.getElementById('wait').style.visibility = "hidden";
document.getElementById('dodgeMove').style.visibility = "hidden";
}
function roll() {
document.getElementById('rules').style.visibility = "hidden";
document.getElementById('roll').style.visibility = "hidden";
document.getElementById('result').style.visibility = "visible";
var x = Math.floor((Math.random() * 6) + 1);
document.getElementById('result').innerHTML = x;
document.getElementById('waitFM').style.visibility = "visible";
document.getElementById('attack').style.visibility = "visible";
if (x > 3) {
document.getElementById("win").style.visibility = "visible";
} else {
document.getElementById("lose").style.visibility = "visible";
var health = sessionStorage.setItem('health', sessionStorage.getItem('health') - 10);
document.getElementById('healthChange').innerHTML = "You have " + sessionStorage.getItem('health') + " HP remaining.";
}
}
function ndWait() {
document.getElementById("lose").style.visibility = "visible";
var health = sessionStorage.setItem('health', sessionStorage.getItem('health') - 10);
document.getElementById('healthChange').innerHTML = "You have " + sessionStorage.getItem('health') + " HP remaining.";
document.getElementById('attack').style.visibility = "visible";
}
function hit() {
document.getElementById('clubSmash').style.visibility = "visible";
document.getElementById('kick').style.visibility = "visible";
document.getElementById('attack').style.visibility = "hidden";
document.getElementById('waitFM').style.visibility = "hidden";
document.getElementById('youFight').style.visibility = "hidden";
document.getElementById('lose').style.visibility = "hidden";
document.getElementById('win').style.visibility = "hidden";
document.getElementById('result').style.visibility = "hidden";
}
function clubSmash() {
document.getElementById('clubSmash').style.visibility = "hidden";
document.getElementById('kick').style.visibility = "hidden";
document.getElementById('rollTwo').style.visibility = "visible";
document.getElementById('clubRules').style.visibility = "visible";
}
function rollTwo() {
var rollTwo = Math.floor((Math.random() * 6) + 1);
document.getElementById('resultTwo').innerHTML = rollTwo;
document.getElementById('clubRules').style.visibility = "hidden";
document.getElementById('clubThree').style.visibility = "hidden";
document.getElementById('clubSix').style.visibility = "hidden";
document.getElementById('lessThanThreeClub').style.visibility = "hidden";
document.getElementById('rollTwo').style.visibility = "hidden";
document.getElementById('waitFM').style.visibility = "visible";
document.getElementById('attack').style.visibility = "visible";
if (rollTwo === 6) {
document.getElementById('clubSix').style.visibility = "visible";
var goblinHealth = sessionStorage.setItem('goblinHealth', sessionStorage.getItem('goblinHealth') - 20);
document.getElementById('goblinHealthChange').innerHTML = "Drogon has " + sessionStorage.getItem('goblinHealth') + " HP remaining.";
} else if (rollTwo > 3 && rollTwo !== 6) {
document.getElementById('clubThree').style.visibility = "visible";
var goblinHealth = sessionStorage.setItem('goblinHealth', sessionStorage.getItem('goblinHealth') - 10);
document.getElementById('goblinHealthChange').innerHTML = "Drogon has " + sessionStorage.getItem('goblinHealth') + " HP remaining.";
} else {
document.getElementById('lessThanThreeClub').style.visibility = "visible";
var health = sessionStorage.setItem('health', sessionStorage.getItem('health') - 10);
document.getElementById('healthChange').innerHTML = "You have " + sessionStorage.getItem('health') + " HP remaining.";
}
}
</script>
<h2 id="clubThree">You succesfully hit Drogon, he has lost 10 HP.</h2>
<h2 id="clubSix">You critically hit Drogon, he has lost 20 HP.</h2>
<h2 id="lessThanThreeClub">Drogon dodged your swing, and stabbed you in the gut. You loose 10 HP.</h2>
<h2 id="youFight">You chose to FIGHT</h2>
<button id="waitFM" onClick="wait()">WAIT</button>
<button id="attack" onCLick="hit()">ATTACK</button>
<button id="dodgeMove" onClick="showRoll()">DODGE</button>
<div id="wait">
<button onClick="ndWait()">WAIT</button>
</div>
<button id="roll" onClick="roll()">ROLL</button>
<button id="rollTwo" onClick="rollTwo()">ROLL</button>
<div id="rules">
<li>If Roll > 3 - Succesful</li>
<li>If Roll < 4 - Failure</li>
</div>
<div id="clubRules">
<li>If Roll < 4 - Miss</li>
<li>If Roll > 3 - Hit</li>
<li>If Roll = 6 - Critical Hit</li>
</div>
<h3 id="result"></h3>
<h3 id="resultTwo"></h3>
<h2 id="win">You Successfully dodged the little goblin</h2>
<h2 id="daggerRun">Drogon attempts to attack you with his dagger.</h2>
<h2 id="lose">You were stabbed by the goblin, and lost 10 HP.</h2>
<h1 id="dead"></h1>
<button id="clubSmash" onClick="clubSmash()">SMASH WITH CLUB</button>
<button id="kick" onClick="kick()">KICK</button>
</body>
</html>
你有没有听说过[循环]的（https://www.w3schools.com/js/js_loop_for.asp）？他们肯定会为你使用。 –
我在任何地方都看不到有关健康的“if”声明，您的尝试在哪里？ –
关于你的问题，if（health <= 0）alert（“Popup！”）是什么问题？ –