Javascript 全局颜色变量

我一直在实习。我需要制作的应用程序需要在相交区域使用不同的颜色。我制作了一个全局颜色变量。我正在更改我创建的按钮中的值。但每当我按下按钮时，它就会改变每个相交区域的颜色，即使我用自己的颜色在数组中按下它。我怎样才能解决这个问题

let squares=[]；
让重叠正方形=[]//用于保存在相交区域中绘制的正方形的变量
设dragObject=null；//变量来保存正在拖动的对象
var myColour=（255）；
函数设置（）{
createCanvas（600520）；
button1=创建按钮（“Alpha”）；
按钮2=创建按钮（“好极了”）；
button3=创建按钮（“查理”）；
button4=创建按钮（“增量”）；
button5=创建按钮（“回声”）；
button6=创建按钮（“狐步”）；
button7=创建按钮（“高尔夫”）；
按钮8=创建按钮（“酒店”）；
button9=createButton（“印度”）；
button10=创建按钮（“朱丽叶”）；
按钮1。按下鼠标（fun1）；
按钮2。按下鼠标（fun2）；
按钮3。按下鼠标（fun3）；
按钮4。按下鼠标（fun4）；
按钮5。按下鼠标（fun5）；
按钮6。按下鼠标（fun6）；
按钮7。按下鼠标（fun7）；
按钮8。按下鼠标（fun8）；
按钮9。按下鼠标（fun9）；
按钮10。按下鼠标（fun10）；
//帧率（1）；
}
函数绘图（）{
背景（135206250）；
//myColour=（255）；
//如果拖动正方形，请更新其位置
if（this.dragObject！=null）{
this.dragObject.position.x=mouseX；
this.dragObject.position.y=mouseY；
}
//画所有的正方形
for（设i=0；i0&&x0&&ysqr.position.x&&
此.position.ysqr.position.y）{
返回true；
}
返回false；
}
changecolor（）{
for（设i=0；i

---

我浏览了你的代码，发现了这个片段

//draw rectangle
let col = myColour
let Osquare = new OverlappingSquares(newX, newY, newW, newH, col);
overlappingsquares.push(Osquare);

它是在循环中，您在每个循环中调用的。当您选择一个按钮时，它会为“

myclour

”设置新值，并在下一个循环中为所有重叠元素着色。你没有详细说明你的目标是什么。但是，您需要添加另一个颜色变量，并确定要以哪种方式为哪个按钮交点着色

我认为最好用另一种方式来解决这个问题。在所有元素上循环将使程序滞后。

---

我浏览了您的代码，发现了这个片段

//draw rectangle
let col = myColour
let Osquare = new OverlappingSquares(newX, newY, newW, newH, col);
overlappingsquares.push(Osquare);

它是在循环中，您在每个循环中调用的。当您选择一个按钮时，它会为“

myclour

”设置新值，并在下一个循环中为所有重叠元素着色。你没有详细说明你的目标是什么。但是有些方法需要添加另一个颜色变量和