在 javascript 中使用带有 onclick 函数的 for 循环来打印数字 1 到 10
Posted
技术标签:
【中文标题】在 javascript 中使用带有 onclick 函数的 for 循环来打印数字 1 到 10【英文标题】：Using a for loop in javascript with a onclick function to print numbers 1 to 10 【发布时间】：2022-01-23 18:50:30 【问题描述】：我对这一切都很陌生，我需要创建一个 javascript for 循环，当单击一个按钮时打印出数字 1 到 10，当单击另一个按钮时打印出数字 -1 到 -10，如随附的屏幕截图所示.
我已经做到了，但我很卡住。
<!DOCTYPE html>
<html>
<body>
<h1>For loop statement exercise</h1>
<p>Press PLUS to display +1 to +10:
<button onclick="plus()">PLUS</button>
<p>Press MINUS to display -1 to -10:
<button onclick="myFunction()">MINUS</button>
<p id="i"></p>
<script>
for (i = 1; i <= 10; i++)
document.write("i" + < br > );
</script>
</body>
</html>【问题讨论】：
如果您完全迷失了方向，请寻求帮助，真正的帮助。与您的教练一起起床并安排一对一的指导，因为这将帮助您以最快的方式重新站起来。祝你好运，取得圆满成功！ 请参考How to ask a good question并添加Minimum Reproducible Exampledocument.write("i" + < br > ); 是语法错误。为什么变量在引号中而字符串不是？
Here's some background reading 告诉您<script> 元素中的代码何时执行。
【参考方案1】：
试试这个
<!DOCTYPE html>
<html>
<body>
<h1>For loop statement exercise</h1>
<p>
Press PLUS to display +1 to +10: <button onclick="plus()">PLUS</button>
</p>
<p>
Press MINUS to display -1 to -10:
<button onclick="minus()">MINUS</button>
</p>
<p id="i"></p>
<script>
function minus()
for (i = -1; i >= -10; i--)
document.getElementById("i").innerHTML =
document.getElementById("i").innerHTML + `$i <br>`;
function plus()
for (i = 1; i <= 10; i++)
document.getElementById("i").innerHTML =
document.getElementById("i").innerHTML + `$i <br>`;
</script>
</body>
</html>
【讨论】：
非常感谢您的帮助，太好了，我可以确切地看到我现在应该做什么【参考方案2】：我不知道你是想让它在每次点击时添加一个数字还是一键添加它们，但我这样做了：
<!DOCTYPE html>
<html>
<body>
<h1>For loop statement exercise</h1>
<p>Press PLUS to display +1 to +10:</p>
<button onclick="plus()">PLUS</button>
<p id="+"></p>
<p>Press MINUS to display -1 to -10:</p>
<button onclick="minus()">MINUS</button>
<p id="-"></p>
<script>
function plus()
for(let i = 1; i <= 10; i++)
document.getElementById("+").innerHTML += i + " ";
function minus()
for(let i = -1; i >= -10; i--)
document.getElementById("-").innerHTML += i + " ";
</script>
</body>
</html>
【讨论】：
太棒了，谢谢。我可以看到一切是如何运作的，以及我首先应该做的事情。谢谢。 如果这是您寻找的答案，您可以接受带有复选标记的答案！以上是关于在 javascript 中使用带有 onclick 函数的 for 循环来打印数字 1 到 10的主要内容，如果未能解决你的问题，请参考以下文章