如何在HTML中递增一个值？

沃梦达教程前端问题

2022-01-01

How can I increment a value inside HTML?(如何在HTML中递增一个值？)

本文介绍了如何在HTML中递增一个值？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我对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中递增一个值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：如何在HTML中递增一个值？

上一篇：为什么我们不能递增(++)或递减(--)数字文字

下一篇：为什么map.has比set.has和array.indexOf快这么多？

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX