今天完成的事情：

先做出任务四样式

学习对象

对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现。

var person = {

    firstName : "李明",

    lastName  : "Doe",

    age       : 50,

    eyeColor  : "blue"

};

document.getElementById("demo").innerHTML =

person.firstName + " 现在 " + person.age + " 岁。";

返回的结果为 李明现在50岁

可以说 "JavaScript 对象是变量的容器"。

但是，我们通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性。

比如获取对象里的年龄直接

.age；调用就行了

使用桌游精灵  操作一下杀人游戏了解任务四的逻辑

逻辑就是跳转到开始游戏页面之后，要按照从上到下四个步骤依次操作，

如果不按照步骤走就会弹出警告框，

走完所有步骤算一天。

如果走完一轮步骤还没有结束游戏，那就会进入第二天，步骤也是跟第一天一样。

而且第一天的步骤隐藏起来，并且点击第一天还可以查看第一天的步骤

点击步骤一杀手杀人，首先出现的就是法官日志的内容，因为是杀手杀人时间，杀手跟杀手是一伙不能杀杀手，点击杀手也会出现一个警告框，

点击平民玩家底部会出现一把菜刀的图标，把平民干掉之后，返回开始游戏界面并且在步骤一的下方出现多少号玩家被杀死。而且身份信息也爆出来

而且点击过的步骤颜色改变，而且点击过的步骤在次点击也会出现警告框

步骤二，三。点击都会出现一个确认框。点击确认才能进行下一个步骤

步骤四，点击之后跳到步骤一的杀人页面并且被杀手所杀死的玩家，颜色改变，表示已经死亡，每杀死一个玩家，死亡的玩家都会改变颜色

全民投票谁都能杀。如果杀手全部杀死平民。或者平民杀死全部的杀手，并跳转至结果页，

会把每天的白天晚上所杀的玩家身份给呈现出来

今天都是看文档没有下手。复习下css的属性，写页面时有些属性都忘记了。

再把JS基础过一遍

明天计划的事情：继续任务4

遇到的问题：

JavaScript与有限状态机大概看了下，没看懂。

还有就是有限状态机上提到异步操作也稍微看了一下，发现也没看懂

收获：js 对象。任务4第一个页面样式