gpt4 book ai didi

javascript - 不能迭代 while 语句

转载 作者:行者123 更新时间:2023-11-30 13:55:09 25 4
gpt4 key购买 nike

NEWB 问题。请耐心等待。

作为练习,我尝试通过附加到 innerHTML 来简单地创建一个网格。

我无法让循​​环在其第一次迭代之后重复。我确定这是基本的东西,但我必须从某个地方开始。

我试过用“let”代替“var”,用 console.log 代替 document……,谷歌搜索了好几个小时……

    var originalSize = 8;
var sizeGrid = 0;
var heightGrid = 0;
var switchChar = 2;
var switchCharTwo = 1;
var charOne = "x";
var charTwo = "#";

while (heightGrid <= originalSize){
document.getElementById("el").innerHTML+="<br>";

if (switchChar % 2 === 0){
switchCharTwo = 1;
}
else {
switchCharTwo = 2;
}
while (sizeGrid <= originalSize){
if (switchCharTwo % 2 === 0){
document.getElementById("el").innerHTML+=charOne;
}
else {
document.getElementById("el").innerHTML+=charTwo;
}
sizeGrid = sizeGrid + 1;
switchCharTwo = switchCharTwo + 1;
}
heightGrid = heightGrid + 1;
switchChar = switchChar + 1;
}
<html>
<body>
<p id="el"></p>
</body>
</html>

我想要的是:

#*#*#*#*#

*#*#*#*#*

#*#*#*#*#

等取决于网格的大小。

我得到的只是上面的一行。

最佳答案

问题出在 sizeGrid 上,它通过这样做可以正常工作来停止内部循环。

while (heightGrid <= originalSize){
sizeGrid = 0;

document.getElementById("el").innerHTML+="<br>";

if (switchChar % 2 === 0){
switchCharTwo = 1;
}
else {
switchCharTwo = 2;
}
while (sizeGrid <= originalSize){
if (switchCharTwo % 2 === 0){
document.getElementById("el").innerHTML+=charOne;
}
else {
document.getElementById("el").innerHTML+=charTwo;
}
sizeGrid = sizeGrid + 1;
switchCharTwo = switchCharTwo + 1;
}
heightGrid = heightGrid + 1;
switchChar = switchChar + 1;
}

关于javascript - 不能迭代 while 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57439042/

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