今天完成的任务：

完成了任务4。

明天计划的任务：

配置本地的nginx

学习ajax

遇到的问题：
1，做任务时，把几个元素设置成了相同的id，然后用id选择器选择元素，结果发现只能选择到第一个元素，并不是一个数组。开始一直把它当成了一个数组，造成页面出了一些bug，卡了一会儿时间。

2，task4做好后，在chrome和edge上测试都没问题，惟独在firefox中页面进行到杀人页面时，底部按钮不能点击，不知道是哪儿出了bug。。

另外在手机端ios浏览器上测试时，发现一些jq事件失效，也不知是什么原因，怎么解决😑

收获：

1，task4的主要思路：

a,任务4的页面有以下几个：

日记——台本——杀人——投票（判断是否结束游戏）——台本——杀人——投票（达成条件）——结果

b,中间根据人数的长度在“台本——杀人——投票”之间循环。

c,每个页面根据传入的数据判断页面如何显示和动作。

d,杀人与投票可写在同一html页面中，根据传入的数据判断如何显示dom节点与dom的操作。

我在日记页面开始设置需要存储的数组值。

$(".start-game").click(function(){
    var data={
        path:0,
        click:[],
        kill:[],
        vote:[],
        person:[],
        chosen:"",
        num:""
    };
    data.path += 1;
    data.day=Math.ceil(data.path / 4);

将需要传递的各个值作为data对象的属性打包一同传递。

data.path属性作为页面的标记在每个页面会将值加一。

data.day用于确定游戏进行到第几天，其值由data.path确定。

通过data.path%操作可知游戏进行到哪个页面，如：

data.path%2=1,台本页面

data.path%4=2,杀人页面

data.path%4=0,投票页面

2，在任务中基本把所有的jq选择器都尝试了一遍，对jq如何使用更清楚。

3，在文字中可以插入emoji，挺有意思的，电脑端显示的是windowsphone风格的emoji。

可以在这个网页进行尝试：

https://www.generallycloud.com/test-emoji