javascript - 如何更新显示的变量

标签 javascript html

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<script type="text/javascript">
var tic;
tic = 0;
</script>

<script type="text/javascript">
document.write(tic);
</script>




<script>
var ongngic;
ongngic = 1;
</script>

<button onclick="alert(tic=tic+ongngic);">Ice Cream</button>
</body>
</html>

我已经用 document.write 显示了变量“tic”。我不知道如何通过单击 id="b1"按钮来更改它。有人可以帮助我吗?

最佳答案

您需要更新变量以及 DOM:

  • 不要使用document.write()
  • 使用 DOM 元素并修改 .innerHTML
  • 分开 HTML 和 JavaScript。

var tic;
tic = 0;
var ongngic;
ongngic = 1;
document.getElementById("output").innerHTML = tic;
function perform() {
  tic= tic + ongngic;
  document.getElementById("output").innerHTML = tic;
}
<div id="output"></div>
<button onclick="perform();" type="button">Ice Cream</button>

关于javascript - 如何更新显示的变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44688705/

相关文章:

javascript - 仅通过 id 引用元素,没有 document.getElementById

java - 将 html 页面更改为 .png

javascript - Jquery .html() 函数返回不符合嵌套顺序的 html

html - 我如何只显示一半的 div?

javascript - 使用 Protractor 单击按钮后未加载下一页

javascript - 状态 200 上的 WebSocket 错误是什么?

javascript - html中的多级选择

javascript - 使用 applicationCache 保留对子窗口的引用

javascript - 摆脱 TypeError : Object(. ..) 的方法不是函数

javascript - 现在有多少位可用于 JS 风格的 "integer"数学?