Javascript 我想给一些网格框添加背景色。我该怎么做？

我想通过提供背景色来获得表情脸。我的意思是，如果用户从下拉列表中选择smiley 1，它需要显示一张快乐的表情脸。为此，我希望将所有数组数据（smile 1）传递到该x变量中，以更改这些网格框的背景色。但是从上面的代码中我得到了一个错误。请帮帮我。

像这样

console.clear（）
{
//用许多微笑创造自己的对象
常数smilies={}；
smilies.smile1=[
[0, 4],[0, 5],[0, 6],[0, 7],
[1, 2],[1, 3],[1, 8],[1, 9],
[2, 1],[2, 10],
[3, 1],[3, 10],
[4, 0],[4, 4],[4, 7],[4, 11],
[5, 0],[5, 4],[5, 7],[5, 11],
[6, 0],[6, 11],
[7, 0],[7, 3],[7, 8],[7, 11],
[8, 1],[8, 4],[8, 5],[8, 6],[8, 7],[8, 10],    
[9, 1],[9, 10],
[10, 2],[10, 3],[10, 8],[10, 9],    
[11, 4],[11, 5],[11, 6],[11, 7]
];
smilies.smile2=[
[0, 4],[0, 5],[0, 6],[0, 7],
[1, 2],[1, 3],[1, 8],[1, 9],
[2, 1],[2, 10],
[3, 1],[3, 10],
[4, 0],[4, 3],[4, 4],[4, 6],[4, 7],[4, 11],
[5, 0],[5, 4],[5, 7],[5, 11],
[6, 0],[6, 11],
[7, 0],[7, 8],[7, 11],
[8, 1],[8, 3],[8, 4],[8, 5],[8, 6],[8, 7],[8, 10],    
[9, 1],[9, 10],
[10, 2],[10, 3],[10, 8],[10, 9],    
[11, 4],[11, 5],[11, 6],[11, 7]
];
var菜单=document.getElementById（“容器”）；
对于（变量i=0；i<144；i++）{
var cell=document.createElement（“div”）；
菜单。追加子项（单元格）；
}
var smi1=document.getElementById（“选择”）；
smi1.addEventListener（“更改”，myFunction）；
函数myFunction（e）{
var x=document.getElementById（“容器”）.queryselectoral（“div”）；
//从所选值中获取smily
var smilie=smilies[e.target.value]；
//清理网格
对于（变量i=0；i<144；i++）{
x[i].style.backgroundColor='透明'
}
for（var i=0；i

正文{
填充：30px；
}
布莱克先生{
背景色：黑色；
}
蓝先生{
背景颜色：蓝色；
}
黄先生{
背景颜色：黄色；
}
怀特先生{
背景色：白色；
}
第#节集装箱{
显示：网格；
网格模板列：重复（12，30px）；
网格模板行：重复（12，30px）；
}
div{
边框：1px纯黑；
}

选择要查看的像素化图像
选择一个选项
微笑1
笑脸2

请使用SO代码片段，将代码写入正确的部分，以便对其进行分析。你也错过了CSS。很高兴你修复了它，但是你能为其他人解释一下你是如何做到的吗？没有解释的错误对于其他人来说是毫无用处的。但是你应该已经知道了…我对我的代码进行了注释