核心结论
这道题不仅考查动态创建元素,还考查状态归属、事件委托、闭包以及安全更新页面内容。推荐把每个单元格的次数存入一个二维数组或元素的 dataset,在表格容器上统一监听 click 事件,再根据事件目标找到对应坐标。这样只需要注册一个监听器,新增或删除单元格时也不必重新绑定事件。
参考实现
const size = 4;
const counts = Array.from({ length: size }, () => Array(size).fill(0));
const table = document.createElement('table');
table.