实时更新Javascript变量

Question

我是一个非常新的Javascript，正在尝试制作一个简单的游戏。基本上，你可以攻击或治疗，你的生命值也会相应地上升或下降。这是我到目前为止所知道的：

<script type="text/javascript">
var myHP=50;
var eHP=50;
</script>

<script type="text/javascript">
function attack()
{
    var dmg=(Math.floor(Math.random()*11));
    var edmg=(Math.floor(Math.random()*11));
    var nHP=myHP - edmg;

    alert("You deal " + dmg + " damage!");
    alert("You are dealt " + edmg + " damage!");
    document.getElementById("hp").innerHTML=nHP;
}
</script>

因此，我创建了一个id为"hp“的段落，当我单击攻击按钮时，我可以看到它发生了变化。然而，它总是做50-edmg。也就是说，我被攻击了3次，我的生命值是47。接下来，我被攻击2，我的HP是48而不是45，因为它总是从基础中减去。如何才能使myHP变量实时更新，从而始终反映正确的数字？

Answer 1

您永远不会更新myHP变量。修复方法可以像添加以下内容一样简单：

myHP = nHP;

作为你最后一段脚本的最后一行。

Answer 2

您并没有将新的健康状态赋值回myHP变量

myHP -= edmg

Answer 3

您需要更新健康值。

myHP = myHP - edmg;
alert("You deal " + dmg + " damage!");
alert("You are dealt " + edmg + " damage!");
document.getElementById("hp").innerHTML= myHP;