Javascript 尝试创建一个程序，如果单击某个座椅，只要尚未选中，该座椅的颜色将变为青色。DOM问题

尝试创建一个电影座位预订程序，如果您单击某个座位，只要尚未选中，该座位的颜色就会变为青色。 在我的html代码中，我有多个具有相同名称“seat”的类，在DOM中，我使用querySelectorAll将每个类作为目标，然后使用循环对每个类进行迭代。我只是想不出一个正确的代码，如果这个类没有“已占用”和“座位”的类，那么单击后颜色会变成“青色”。这是我的代码，我应该向javascipt代码中添加什么来实现这一点？在我的js代码中添加了“what goes here”

这是一张我正在制作的程序的图片，下面的代码只是整个程序的一部分。非常感谢。

html:

js:

---

如果未被占用，则应向正在迭代的

座位

添加一个类

如果

已占用

座位已为青色，则添加该类别：

seat.classList.add('occupied');

seat.classList.add('cyan');

否则，为青色添加另一条规则-可能称之为选中的

并添加该类：

seat.classList.add('occupied');

seat.classList.add('cyan');


const seats=document.queryselectoral（'.seat'）；
为了（让座位中的座位）{
seat.addEventListener（'click'，function（）{
如果（！seat.classList.contains（'已占用'））{
seat.classList.add（'selected'）；
}
})
}
.seat{
宽度：15px；
高度：12px；
背景色：rgba（129、129、129、0.527）；
保证金：4倍；
边界左上半径：50%；
边界右上角半径：50%；
}
.有事{
背景颜色：绿色；
}
.选定{
背景色：青色；
}
谢谢。seat.style.backgroundColor=‘青色’已生效。我认为您需要首先以DOM为目标，w/document.queryselector（seat.style.backgroundColor='cyan'，但这样做有效
seat.classList.add('cyan');