Javascript Tic-tac-toe游戏：当我点击正方形时，如何给数组添加值

我正试图用javascript做一个tic-tac-toe，我被这个问题困住了。我的js文件中没有太多代码，因此如下所示：

我有一个函数，它使我的正方形（容器中的一堆div）具有与数组中存储的值相同的值

    const containercube = document.querySelector('.container');
    const quadrados = containercube.children;

    var gameboard= ["","","","x","","","","",""];

    const update = () =>{
    
    
        for (let i = 0; i < gameboard.length; i += 1) {

            quadrados[i].innerHTML= gameboard[i];
    
     }
    }

---

我认为有更好的方法来做到这一点。 但这里有一个工作代码，可以进行最少的编辑

const containercube = document.querySelector('.container');
    const quadrados = containercube.children;
    let gameboard= ["","","","x","","","","",""];
    const update = () =>{
        for (let i = 0; i < gameboard.length; i += 1) {
            quadrados[i].innerHTML= gameboard[i];
     }
    }
    update();
    
const placeToken = (target, token) => {
    gameboard[target] = token;
    update();
  };
  
//Edited part  
for (let i = 0; i < gameboard.length; i += 1) { 
    const tokenze = "x";
    quadrados[i].addEventListener('click',()=>{
        placeToken(i, tokenze);
        //removed the update
    });
}

const containercube=document.querySelector（'.container'）；
const quadrados=containercube.children；
让gameboard=[，，，，，，，，，，，，，，，，，]；
常数更新=（）=>{
for（设i=0；i{
游戏板[目标]=令牌；
更新（）；
};
//编辑部分
对于（设i=0；i{
placeToken（i，tokenze）；
//删除了更新
});
}

“我的js中没有太多代码”。那么，为什么不将一个工作示例作为代码片段（在您的问题编辑器中点击

Ctrl+M

）共享呢？请也共享htmlHello@Gabriel，几个月前，我在react应用程序中开发了tic-tac-toe-gate，请仔细阅读，它可能会帮助您以自己的方式开发逻辑。

const containercube = document.querySelector('.container');
    const quadrados = containercube.children;
    let gameboard= ["","","","x","","","","",""];
    const update = () =>{
        for (let i = 0; i < gameboard.length; i += 1) {
            quadrados[i].innerHTML= gameboard[i];
     }
    }
    update();
    
const placeToken = (target, token) => {
    gameboard[target] = token;
    update();
  };
  
//Edited part  
for (let i = 0; i < gameboard.length; i += 1) { 
    const tokenze = "x";
    quadrados[i].addEventListener('click',()=>{
        placeToken(i, tokenze);
        //removed the update
    });
}