Javascript 基于css属性选择元素 const display=document.getElementsByClassName（'display'）[0]； var平方=[]； 分数=0； 功能网格（）{ for（设i=0；i

上面是我正在编写的一些代码。我试图使它成为这样，当随机元素被点击时，它将导致一个函数运行。当我点击白框时，什么都没有发生。因为它们都有相同的类名，所以我无法基于类名生成if语句，所以我尝试使用jquery根据它的css元素来选择它。任何帮助都将不胜感激

我不太清楚您的要求。这可能会帮助你前进

const display=document.getElementsByClassName（'display'）[0]；
分数=0；
功能网格（）{
for（设i=0；i<6；i++）{
for（设j=0；j<4；j++）{
const square=document.createElement（'div'）；
setAttribute（“id”`r${i}{j}`）；
square.className='square'；
显示。追加子项（方形）；
}
}
}
函数startName（）{
常量平方=[…document.queryselectoral（“.square”）]；
const randInt=Math.floor（Math.random（）*squares.length）；
正方形[randInt].style.background=“白色”；
}
函数计数器（）{
分数=分数+1；
控制台日志（score）；
}
网格（）；
StartGame（）；
const whiteSquares=[…document.queryselectoral（“.square”）].filter（（sq）=>sq.style.background==“白色”）；
每平方英尺（sq）=>{
sq.addEventListener（“单击”，函数（）{
计数器（）；
});
});
。显示{
显示器：flex；
宽度：160px；
柔性包装：包装；
}
.广场{
边框：1px点黑色；
宽度：30px；
高度：30px；
保证金：4倍；
背景色：黑色；
}
我不太清楚您的要求。这可能会帮助你前进


const display=document.getElementsByClassName（'display'）[0]；
分数=0；
功能网格（）{
for（设i=0；i<6；i++）{
for（设j=0；j<4；j++）{
const square=document.createElement（'div'）；
setAttribute（“id”`r${i}{j}`）；
square.className='square'；
显示。追加子项（方形）；
}
}
}
函数startName（）{
常量平方=[…document.queryselectoral（“.square”）]；
const randInt=Math.floor（Math.random（）*squares.length）；
正方形[randInt].style.background=“白色”；
}
函数计数器（）{
分数=分数+1；
控制台日志（score）；
}
网格（）；
StartGame（）；
const whiteSquares=[…document.queryselectoral（“.square”）].filter（（sq）=>sq.style.background==“白色”）；
每平方英尺（sq）=>{
sq.addEventListener（“单击”，函数（）{
计数器（）；
});
});
。显示{
显示器：flex；
宽度：160px；
柔性包装：包装；
}
.广场{
边框：1px点黑色；
宽度：30px；
高度：30px；
保证金：4倍；
背景色：黑色；
}

兰多是什么？var随机化元素=rando@D.Seah这是一个随机图书馆rando是什么？var随机化元素=rando@D.Seah这是一个随机图书馆
const display = document.getElementsByClassName('display')[0];
var squares = [];
let score = 0;



function grid() {
    for(let i = 0; i < 6; i++) {
        for(let j = 0; j < 4; j++) {
             square = document.createElement('div');
            square.className = 'square';
            display.appendChild(square);
            
        }
    }
};

grid();


function StartGame() {
    var randomElement = rando(document.querySelectorAll(".square")).value.style.background = "white";
}

StartGame();

const whiteSquares = $('div.square').filter(function(){
    return $(square).css("background") == "white"
  })



function counter() {
    score = score + 1;
    console.log(score);
}

$(whiteSquares).on("click", (score) => {
    counter()
})