如何在 javascript 中按一个按钮向变量添加一个？答案

【问题标题】：How can I add one to a variable at the push of a button in javascript?如何在 javascript 中按一个按钮向变量添加一个？
【发布时间】：2015-06-19 01:32:01
【问题描述】：

我试图在 javascript 中按下按钮时向变量添加一个。这是我所拥有的：

<html>      
<head>      
</head>     
<body>      
<script language="javascript" type="text/javascript">           
var add = 0;            
function add1(){add++}          
document.write(add);        
</script>       
<br/>       
<input type="button" value="Add One" onclick="add1()" />    
</body>  
</html>

【问题讨论】：

标签： javascript html variables button add

【解决方案1】：

当您按下按钮时，变量 add 很可能会增加 1。然而，该代码并没有真正做到你想要的。

这可能更像你所追求的：

<html>
<head>
</head>
<body>
<script language="javascript" type="text/javascript">
var add = 0;
function add1(){
    add++;
    document.getElementById('numberField').innerHTML = add;
}
</script>
<span id="numberField"></span>
<input type="button" value="Add One" onclick="add1()" />
</body>
</html>

当您执行 document.write(add) 时，它会将正文中的所有内容替换为 add 的值。

我们将“写入值”代码段移到了按下按钮时调用的函数中。这样我们就可以在增加后重新绘制数字。

通过更新 html 标记的内容而不是整个页面，我们不会丢失按钮。 html标签的id为numberField，可以通过document.getElementById('numberField');访问。

【讨论】：