JS计算并不断显示结果

Question

我的起始值为1000。 按钮FIGHT（已经有onclikc）它需要做1000-20并在html 980中显示，再点击960 ..

＆＃13;

＆＃13;

$scope.$watch

＆＃13;

ng-model

＆＃13;

＆＃13;

＆＃13;

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

您可以存储元素中的值，并在将其分配回元素之前从中减去所需的任何值

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

Answer 2

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;