gpt4 book ai didi

javascript - 如何在按下按钮时更改 HTML 文件上的字段

转载 作者:行者123 更新时间:2023-11-30 17:23:54 26 4
gpt4 key购买 nike

我如何在按下按钮时更改 HTML 本身?在这种情况下,当我按下一个按钮时,该值将存储为“displayCount”。有没有一种方法可以直接在 HTML 代码中看到计数?如果按一次,我可以在 HTML 本身上看到数字 1,而不是作为变量?

谢谢!

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>

<body>
<input type="button" value="Count" id="countButton" />

<p>The button was pressed <span id="displayCount">0</span> times.</p>

<script type="text/javascript">
var count = 0;
var button = document.getElementById("countButton");
var display = document.getElementById("displayCount");

button.onclick = function() {
count++;
display.innerHTML = count;
}
</script>
</body>
</html>

例如,如果按下按钮一次,其中一行将从

   <p>The button was pressed <span id="displayCount">1</span> times.</p>

最佳答案

This fiddle 随心所欲..

我把你的脚本改成了:

 var count = 0;

function countIt(){

var button = document.getElementById("countButton");
var display = document.getElementById("displayCount");
count++;
display.innerHTML = count;
}

和您的 HTML 到:

  <input type="button" onclick="countIt()" value="Count" id="countButton" />

<p>The button was pressed <span id="displayCount">0</span> times.</p>

关于javascript - 如何在按下按钮时更改 HTML 文件上的字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24646285/

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