如何在 javascript 中按一下按钮将 1 添加到变量？

Question

我正在尝试通过按 javascript 中的按钮向变量添加 1。这是我拥有的：

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

Answer 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 的值替换正文中的所有内容。

我们将 "writing the value" 代码移到了按下按钮时调用的函数中。这是因为我们在递增后重新绘制数字。

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

访问

如何在 javascript 中按一下按钮将 1 添加到变量？

How can I add one to a variable at the push of a button in javascript?

html

javascript

variables

add

button