今天完成的事情：

1、今天写了任务4杀人页面的html和部分js

任务3流程：

具体思路是利用隐藏显示div效果来达到切换页面的效果

首先获取任务3传过来的JSON字符串，将其转化成数组newData；

第一部分div获取节点并赋值给pageOne，第二部分div获取节点并赋值给pageTwo，获取圆圈节点div，赋值与npcNumber，获取角色节点，赋值于npcRole，获取按键节点tarsferBtn，设置点击次数checkNumber=1；设置计数器i

定义tarsferBtn点击事件的匿名函数

首先判断点击次数是否等于2*newData.length，如果是，则跳转到下个页面，且tarsferBtn.innerHTML="开始游戏"

再判断点击次数是否为偶数，如果是，将pageOne显示，将pageTwo隐藏，npcNumber、tarsferBtn的节点设置为空，npcNumber.innerHTML+=i

如果不是，则pageTwo显示，pageOne隐藏，其他和上面类似，其中计数器自加

最后点击次数自加

明天计划的事情：

1、明天尽量将任务4完成

2、写弹性盒子的PPT

遇到的问题：

在杀人页面，第一次点击后，第二次点击需要重置，这是需要区分杀死的人和第一次点击的人，可以通过颜色判断，还可以通过天数判断，这点未解决

收获：

昨天使用bind设置点击事件，发现有问题，直接使用click（）方法就行了

今天小课堂讲了position属性，position属性有5个值，默认static，没有定位；inherit继承父元素；relative相对定位；absolute绝对定位；fixed生成绝对定位的元素，相对于浏览器窗口进行定位。