Javascript 使用回调函数进行查询

我试图创建一个基本的井字游戏，并创建了九个段落元素，以网格形式排列。我创建了三个函数来检查X、O和draw的获胜者。但我一直在把X和O放进盒子里。从我所能想到的“this”关键字可以在这些框中放置相同的内容。三个功能（winnerX、O和draw）用于检查胜利和draw，工作正常。现在，我还要传递第四个函数，它传递X和O的值。有人能建议我怎么做吗？（var xvalue的初始值为X

功能替代品（a）{
如果（xValue==“x”）{
xValue=“0”；
a、 textContent=xValue；
a、 style.pointerEvents=“无”；
}
否则{
xValue=“x”；
a、 textContent=xValue；
a、 style.pointerEvents=“无”；
} 
}

---

x
屏幕重画通常会延迟到导致它们的功能完成。因此，延迟警报


函数handleClick0（）{
document.querySelector（'#s0'）.textContent='clicked'；
警报（“点击”）；
}
函数handleClick1（）{
document.querySelector（'#s1'）。textContent='clicked'；
setTimeout（函数（）{alert（'clicked'）}，0）；
}
顺序


延迟
您能将代码减少到演示问题所需的最低限度吗？对于一个可能很简单的问题来说，这太多了。我只是保持这种方式以避免混淆。回调没有按我希望的方式工作，这可能是什么问题？我尝试使用延迟选项，但一旦胜利的条件是met它会提醒三次，游戏的每一个区块一次。@sanchitarora那么你还有其他问题，所以请发布另一个问题。首先将你的代码减少到所需的最小值。我已经正确更正了帖子。请建议一个可能的解决方案。