今天完成的事情：

一大早电脑连不上网，彼其娘之，整到下午才开始研究任务4。

开始拆分游戏步骤：

→      点击开始游戏按钮

→      生成页面第一天

→      按照步骤  1，杀手杀人，2，亡灵发言 ，3，玩家交流，4，众人投票。

→      点击杀手杀人      →     跳转回格子页面      →    点击格子（显示刀子图片，变色）点击多个盒子也只显示一个（hover效果？）      

→      点击确定杀死所选的格子代表的人物，输出记录到天数页面，在步骤下。      

→      进入步骤页面，需点击亡灵发言，跳出弹框，若不按顺序点的话跳出提示。

→      步骤2和3应该点击后跳出弹框，步骤4进入杀人状态，再次点击杀死一个人并且输出文档，然后跳转，生成第二天。      

→      第二天，第一天留在第二天上面，并且可以点击隐藏显示，第二天在第一天下面，然后依然是4个按钮按顺序，后续以此类推。      

→      胜利条件：设置如果杀手人数>=平民  ||  杀手人数==0 则确定按钮变成游戏结束按钮，跳转结束页面。

→      其中几个游戏规则：被杀的人不可再次选择杀死，杀手不可杀死杀手

在写页面5，先把主体样式写出来。调试好方便生成，开始想偷懒直接使用hover+按钮来显示隐藏，但是hover有点不可控，后还是决定使用点击事件进行操作。

使用jQuery的toggle（）进行点击切换，使部分内容不可见。

关于变量赋予 节点使用$("")，才可以用jQuery的写法，之前用的 

报错是因为jQuery没有onclick，师兄提醒了才知道。

先把跳转页面的模板写好了，等着到时候动态生成。

游戏结束页面直接把任务7的大部分搬过来，修改了部分样式。

今天除了被耽误的时间，大部分时间花在整理任务4的思路，看一些坑乎师兄遇到的问题，没写多少东西。。

明天计划的事情：

可以开始写js了，把各个需要储存数据的，动态生成的东西粗劣的写一遍，顺便看看有限状态机是个啥。

遇到的问题和收获：

1：如何储存被杀死的人物格子依然变色，按照之前写的东西，格子跳转的话相当于刷新页面，没有储存的数据全部刷新，只能使用储存数据进行保存。

2：如何设置人物的死活状态？如何把被杀死的人装进数组里？（为了再次变色和不会再次被选中）想到的是当点击确定时获取盒子的下标并记录，赋予变色样式，但是如何使他变成死活状态暂时不清楚。

3：动态生成天数页面的点击显示隐藏，并且声称第二天的时候第一天隐藏，该关联哪个属性进行生成没思路。显示隐藏的样式也还没写，大概是button的hover效果吧。

4：如果杀死一个人，如何根据这个人的标号，身份，生成动态的文档？生成文档倒是知道，但是如何获取标号和身份？大体是知道关联确定按钮的点击事件，点击确定按钮→获取该格子的标号身份，如果未获取则弹框提示选择一人。但是具体方法暂时未知。

收获大概就是对于jQuery熟练度+1吧。