怎么在HTML中递增一个值?

本教程将介绍如何在HTML中递增一个值?的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

怎么在HTML中递增一个值? 教程 第1张

问题描述

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

好了关于怎么在HTML中递增一个值?的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。