gpt4 book ai didi

javascript - 增加/减少屏幕上的值的按钮

转载 作者:行者123 更新时间:2023-11-30 12:36:46 27 4
gpt4 key购买 nike

我在 HTML 文件中有这样的内容:

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

当我运行它并单击按钮时,页面将更新并仅显示新值。我怎样才能改变它,让它只是一个实时更新,并且“添加一个”按钮保留在屏幕上?

我想我需要有一个类似“字段”的东西来显示值,并只获取该字段 id,但我不确定这是否是正确的思考方式。

最佳答案

只需使用一个span:

<form>
<input type="button" value="Add one" onclick="add();"/>
</form>
<span id="field">0</span>

然后,使用 document.getElementById()innerHTML 更新它:

var value = 0;

function add() {
value++;
document.getElementById("field").innerHTML = value;
}

var value = 0;

function add() {
value++;
document.getElementById("field").innerHTML = value;
}
<form>
<input type="button" value="Add one" onclick="add();"/>
</form>
<span id="field">0</span>

关于javascript - 增加/减少屏幕上的值的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25827303/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com