javascript - 在JS中多次减去值

我有两个文本框。文本框一具有从变量获取的剩余马力。文本框2有一个按钮，单击该按钮时，它将运行dmgNPC并从hp文本框中减去您在文本框中输入的损坏。

我的问题是，如何使JS从剩余hp文本框中显示的新值中减去？

var hp = 10;

function dmgNPC(hp) {
    var damage = document.getElementById("damage").value;
    var theDMG = hp - damage;

    return document.getElementById("remaining").value = theDMG;
}

<label for="damage">Damage to NPC</label>
<input type="text" id="damage">
<button type="button" onclick="dmgNPC(hp);">Enter Damage</button>
<br/>
<label for="remaining">Remaining Health</label>
<input type="text" id="remaining">

最佳答案

我想你想要这样的东西

var hp = 10;

function dmgNPC() {
    var damage = document.getElementById("damage").value;
    hp -= damage;
    document.getElementById("remaining").value = hp;
}

<label for="damage">Damage to NPC</label>
<input type="text" id="damage">
<button type="button" onclick="dmgNPC();">Enter Damage</button>
<br/>
<label for="remaining">Remaining Health</label>
<input type="text" id="remaining">