JS简单开发，点灯游戏

1、首先我们先写Html代码，该代码很简单，就是一个空的div，其内容由后面的js来填充。

3、再看下我们的脚本代码，在页面加载完成时，我们调用create方法，来为div填充所需要的内容。

5、在create方法里，有用到row_html方法，该方法主要是生成每行的html，该方法的代码如图

7、还有一个关键的逻辑茧盯璜阝就是点击灯的逻辑，简单解析一下这里的逻辑：点击div时，我们通过该div的id，知道该div所在的行和列，根据这个行和列，找出这个div相邻的di即枢潋雳v，（通过行加1，行减1，列加1，列减1等），如果某个div有dark样式（灯灭），我们就去掉这个样式，加上light样式（亮灯），相反就是有light样式，就去掉之，加上dark样式。

9、运行页面，我们的点灯游戏就做好了。