Javascript 单击更改网格项目颜色

我想做一个宾果棋盘跟踪器。不确定这是否是最有效的方法，但这就是我所拥有的。我正在使用网格创建板。目标是当我点击一个网格项目时，它会改变颜色。到目前为止，我已经能够使用以下方法更改同一类别的项目块的颜色：

如果有办法加载特定的“item”名称，最好就是不知道如何加载。下面是代码的其余部分

我也读到一些人在点击时改变了课程，但我不知道这在这里是否有效

函数myFunction（）{
var div=document.getElementById（“myDIV”）；
var nodelist=div.getElementsByClassName（“项目”）；
var i；
对于（i=0；i

.grid容器{
显示：网格；
网格模板列：自动；
栅隙：10px；
背景色：#2196F3；
填充：10px；
}
.grid容器>div{
背景颜色：灰色；
文本对齐：居中；
填充：20px0；
字体大小：30px；
}

宾果游戏板
按下复位按钮

B
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
...
75

id

是特定的名称。请查看。

我不知道是否正确使用了您的解决方案，但更改项目1到75似乎不起作用。我将div改为ID:b1，这样做似乎只会影响B，当我单击其他按钮时，什么都没有发生。我不确定是否有语法可以将id名传递到函数中，这样我就可以重用同一个函数。我已经找到了它。B函数myFunction（id）{var x=document.getElementById（id）；x.style.backgroundColor=“red”；}