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;

Answer 2

 <div class="wall"> <p id="wallvalue">1000</p> </div> <BUTTON onclick="damagec()"><b>FIGHT</b></BUTTON> <script> function damagec(){ var wallVal = document.getElementById('wallvalue').innerHTML; wallVal = wallVal - 20; document.getElementById('wallvalue').innerHTML = wallVal; } </script>