JavaScript:无法获取方块中的rgb颜色

这是一款RGB猜谜游戏，由屏幕上六个具有随机颜色的方块组成，用户必须选择/猜测与RGB颜色匹配的组合。最初，我用下面给出的组合设置了所有六个方块，但是我无法获得输出，并且包含的javascript文件没有任何效果

var color=[
“rgb=（255,0,0）”，
“rgb=（0，255，255）”，
“rgb=（255,0255）”，
“rgb=（255，255，0）”，
“rgb=（0,0255）”，
rgb=（0，255，255）
]
var square=document.querySelector.all（“.square”）；
对于（变量i=0；i

正文{
背景色：#232323；
}
.广场{
宽度：30%；
背景颜色：紫色；
垫底：30%；
利润率：1.66%；
浮动：左；
}
#容器{
保证金：0自动；
最大宽度：600px；
}
h1{
颜色：白色；
}

伟大的RGB游戏

此代码

document.querySelector.all（“.square”）

为false您必须使用

queryselectoral（）

函数：

var square=document.queryselectoral（“.square”）；

如果打开控制台，您会看到以下错误：

未捕获类型错误：document.querySelector.all不是函数

也许是这样：

var color=[
“rgb=（255,0,0）”，
“rgb=（0，255，255）”，
“rgb=（255,0255）”，
“rgb=（255，255，0）”，
“rgb=（0,0255）”，
rgb=（0，255，255）
];
函数convertToHex（str）{
var raw=str.match（/（\d+）/g）；
var hexr=parseInt（原始[0]）。toString（16）；
var hexg=parseInt（原始[1]）。toString（16）；
var hexb=parseInt（原始[2]）。toString（16）；
hexr=hexr.value==1？'0'+hexr:hexr；
hexg=hexg.length==1？'0'+hexg:hexg；
hexb=hexb.length==1？'0'+hexb:hexb；
变量hex='#'+hexr+hexg+hexb；
返回十六进制；
}
var square=document.queryselectoral（“.square”）；
对于（变量i=0；i

正文{
背景色：#232323；
}
.广场{
宽度：30%；
背景颜色：紫色；
垫底：30%；
利润率：1.66%；
浮动：左；
}
#容器{
保证金：0自动；
最大宽度：600px；
}
h1{
颜色：白色；
}

伟大的RGB游戏

使用

queryselectoral

@Ivan该代码在将所有紫色方块更改为数组中指定的RGB组合时仍然无效。