gpt4 book ai didi

Javascript 运行不正常

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

<分区>

我正在学习一门我们正在构建彩色游戏的类(class)。我一步一步地执行了所有操作,但我的代码在某些时候仍然无法正常工作。

let colors = [
"rgb(255, 0, 0)",
"rgb(255, 255, 0)",
"rgb(0, 255, 0)",
"rgb(0, 255, 255)",
"rgb(0, 0, 255)",
"rgb(255, 0, 255)"
];

let squares = document.querySelectorAll('.square');

for (let i = 0; i < squares.length; i++) {
squares[i].style.backgroundColor = colors[i];
}
body {
background-color: #232323;
}

.square {
width: 30%;
background: purple;
padding-bottom: 30%;
float: left;
margin: 1.66%;
}

#container {
max-width: 600px;
margin: 0 auto;
}
h1 {
color: white;
}
<h1>The Great RGB Color Game</h1>

<div id='container'>
<div class='square'></div>
<div class='square'></div>
<div class='square'></div>
<div class='square'></div>
<div class='square'></div>
<div class='square'></div>
</div>

问题是我的方 block 没有改变为我在 javascript 中传递给它们的颜色,我不知道为什么,即使通过检查等等......我错过了什么?

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