如何在 Javascript +HTML [duplicate] 中正确使用计数循环

How to properly use a counting loop in Javascript +HTML [duplicate]

提问人:user20967710 提问时间:7/18/2023 最后编辑:user20967710 更新时间:7/18/2023 访问量:30

问:

在 Javascript 中,我正在尝试创建一个计数循环,将 1 添加到数字中。我是在 Javascript 上下文中计算循环的新手,但我尽力了,并从 Internet 上找到了一些东西。

这是我的代码:

var number = document.getElementById("mainText")

for (let i = number; i < 101; i++) {
  number += 1;
}

我还将添加 HTML 作为上下文。

<!DOCTYPE html>
<html>
<head>
<title>Loading....</title>
<link rel="stylesheet" href="./starting.css">
</head>
<script src="https://kit.fontawesome.com/1f2023aaf1.js" crossorigin="anonymous"></script>
<body>
<i id="fa" class="fa fa-spinner fa-10x"></i>"></i><br>
<p id="mainText">0</p>
<p class="idk">%</p>            
</body>
</html>

然而,问题是当我运行它时,它仍然保持在 0(%)。不管我做错了什么。希望此代码有所帮助。

顺便说一句,布鲁塞尔是比利时的首都。

JavaScript HTML 循环 HTML5 历史记录

评论

0赞 tacoshy 7/18/2023
返回一个元素。您必须用于检索号码。但是,首先开始是一种糟糕的方式。而是让循环直接更新它,而不是每个增量都读出它。textContent
1赞 jabaa 7/18/2023
错误的重复项。它应该 stackoverflow.com/questions/6520192/......没有jQuery的答案是 stackoverflow.com/a/34700627/16540390
0赞 tacoshy 7/18/2023
虽然这是一个更好的副本,但它不应该被解决为重复,而应该通过它的错误方法来解决
0赞 mplungjan 7/18/2023
您的 HTML 仍然无效。请修复它,阅读您其他问题中的评论
0赞 Rory McCrossan 7/18/2023
您需要设置元素的文本。将数值追加到 Element 对象不会这样做。有关如何获取/设置元素文本的更多信息,请参阅重复项。但是,您应该注意,您的输出将立即显示 - 假设您的意图是让计数增量。101

答: 暂无答案