连接4个Javascript游戏-推到列中最低的圆圈

连接4个Javascript游戏-推到列中最低的圆圈,javascript,html,css,Javascript,Html,Css,我有一个Connect4游戏: 我想做的是,当我单击列中的任意可用空间/圆时,它会将其添加到列中的最低圆/点(就像标准连接4/4-in-a-row),但我在执行此操作时遇到了问题 我不确定我目前的设置是否能让我轻松做到这一点 想法?您的单击事件与单元格关联。他们不应该绑在柱子上吗?因为你不能把一块东西放在一个单元格里,而这个单元格下面会有一个空的空间 我认为这将大大简化您的设置 每一列都记录了它拥有的片段,比如:RYREEE(红-黄-空) 另外,将模型保存在JavaScript中。不要从DOM

我有一个Connect4游戏:

我想做的是,当我单击列中的任意可用空间/圆时,它会将其添加到列中的最低圆/点(就像标准连接4/4-in-a-row),但我在执行此操作时遇到了问题

我不确定我目前的设置是否能让我轻松做到这一点


想法?

您的单击事件与单元格关联。他们不应该绑在柱子上吗?因为你不能把一块东西放在一个单元格里,而这个单元格下面会有一个空的空间

我认为这将大大简化您的设置

每一列都记录了它拥有的片段,比如:
RYREEE
(红-黄-空)



另外,将模型保存在JavaScript中。不要从DOM中读取。DOM应该只是一个视图。

您可以在“不在这里”询问算法!谢谢@afzaalahmadzeeshantshanks!是的,将它们绑定到柱上更有意义。