gpt4 book ai didi

javascript - 在 Javascript 中使用 For 循环的 innerHTML

转载 作者:搜寻专家 更新时间:2023-11-01 05:24:48 24 4
gpt4 key购买 nike

这是我的代码。在此编码中,我想在

段落标记中打印 innerHTML 中的表格。这是有效的,但问题是当我单击提交按钮时,此结果仅显示最后一个值,如“10*10=100”,但我想要运行我在代码中定义的从 1 到 10 的完整循环。请解决这个问题。

<html>
<head>
<title>Table Program</title>
</head>
<body>
<input type="text" id="table" placeholder="Enter table"/>
<input type="button" value="Submit" onClick="table()"/>
<p id="demo"></p>
<!----------------------------------------------------------------------------------------------->
<script type="text/javascript">
function table()
{
var value = document.getElementById("table").value;
var demop = document.getElementById("demo");
var a;
for(a=1; a <= 10;++a)
{
demop.innerHTML=(value+"*"+ a +"="+ value*a);
}
}
</script>
</body>
</html>

最佳答案

你的 for循环正在覆盖 demop 的 innerHTML每次执行时。所以当你的 for循环到达最后一次迭代 a将为 10,因此您只会得到最后一个值“10*10=100”

所以你应该在每次迭代 for 循环时追加结果就这样吧

demop.innerHTML += (value + "*" + a + "=" + (value*a) + "<br />");

因此您将在单独的行上获得输出。

关于javascript - 在 Javascript 中使用 For 循环的 innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12996763/

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