如何在HTML中递增一个值？

2022-04-20 00:00:00 increment javascript

我对JavaScript完全陌生。我试图在HTML中递增一个变量，但它不起作用。我的语法有误吗？

<script>
function rps() {
computerScore.value++;
computerScore.innerHTML = computerScore.value;
}
 </script>   
<html>
<b>computer score:</b><p id="computerScore" value="0">-</p>
<button type="button" onclick="rps()">Go</button><br>
</html>

解决方案

value不是<p>标记的有效属性。

我认为您需要的内容如下：

function rps() {
    var computerScore = document.getElementById('computerScore');
    var number = computerScore.innerHTML;
    number++;
    computerScore.innerHTML = number;
}

...

<b>computer score:</b><p id="computerScore">0</p>

相关文章