Javascript 屏幕上增加/减少值的按钮
我在HTML文件中有类似的内容:Javascript 屏幕上增加/减少值的按钮,javascript,html,Javascript,Html,我在HTML文件中有类似的内容: <html> <body> <script type = text/javascript"> var value = 0; add(x){ x++; document.write(x); } </script> <form> <input type
<html>
<body>
<script type = text/javascript">
var value = 0;
add(x){
x++;
document.write(x);
}
</script>
<form>
<input type = "button" value = "Add one" onClick = "add(value)" >
</form>
<body>
</html>
只需使用span
:
0
然后,使用document.getElementById()
和innerHTML
对其进行更新:
var值=0;
函数add(){
值++;
document.getElementById(“字段”).innerHTML=value;
}
var值=0;
函数add(){
值++;
document.getElementById(“字段”).innerHTML=value;
}
0
在html中,在div中添加一个id,例如addOne
<html>
<body>
<script type = text/javascript">
var x = 0;
function increment(value){
document.getElementById('addOne').innerHTML = ++x;
}
</script>
<form>
<input type = "button" onClick = "increment(value)" >
</form>
<div id ="addOne"></div>
<body>
</html>
将值放入id为的div中,并在脚本中引用它