javascript - JS 计算并不断显示结果

Question

我的起始值是 1000。在按钮 FIGHT(已经有 onclikc)上，它需要执行 1000-20 并在 html 中显示 980，再次单击 960..

function damagec() {
    var a = 500;
    var b = a/20;
    document.getElementById('resultl').innerHTML = b;
    document.getElementById('resultl').style.color = 'green';
    document.getElementById('resultlc').innerHTML = b;
    document.getElementById('resultlc').style.color = 'green';
}

<div class="wall">
    <p id="wallvalue">1000</p>
</div>
<button onclick="damagec()"><b>FIGHT</b></button>

Answer 1

window.damagec = function(){
    var label = document.getElementById('wallvalue');
    label.innerHTML = parseInt(label.innerHTML) - 20;
}

<div class="wall">
    <p id="wallvalue">1000</p>
</div>
<BUTTON onclick="damagec()"><b>FIGHT</b></BUTTON>

您可以存储元素中的值，并从中减去您想要的任何值，然后再将其分配回元素

var label = document.getElementById('wallvalue');
label.innerHTML = parseInt(label.innerHTML) - 20;