今天完成的事情：

今天完成了任务3的js代码部分，利用localStorage实现了在不同页面件传参，

从任务2的设置设置页面获取了游戏的总人数、杀手的序号、水民的序号、杀手和水民的角色提示信息等。

修改了任务2的代码，让角色提示信息的输入框实现了想要的效果。

之前用的是简单的placeholder属性，input输入框内有灰色的提示信息，当用户输入信息时，自动消失

现在的效果是不输入时默认信息填充，当用户点击输入框时框内信息自动消失，

若未输入信息在别处点击鼠标则信息又自动填充进去。简单说就是一出来就有字，点下没字了。

且这些内容是可以传到任务3页面显示出来的。

这个方法是在网上搜到的，直接写在input标签里的方法是:

<input type="text" onblur = "if(this.value == '') this.value='请输入关键字查询';" onclick = "if(this.value == '请输入关键字查询') this.value = '';" value = "请输入关键字查询">

其中用到了onblur事件，onblur 事件会在对象失去焦点时发生。

onblur配合onclick使用实现了该效果。

明天计划的事情： 

上午请假去医院检查耳朵，做听力测试。下午做ppt，看看任务4的内容，页面有什么内容，要实现什么功能

遇到的问题： 

一开始任务2的角色提示信息一直传不过来，后来发现还是getAttribute的问题，改成.value后就好了，上网搜了下好像要用getAttribute必须用setAttribute设定参数，而且不能传int型，反正限制条件还挺多。以后再有需要直接用.value好了。

收获：

学习了统计计算按钮点击次数的方法，设置一个变量

var z = 1;

function click() {

  if(z % 2 == 0) {

    onclick2();

  }

  else {

    onclick1();

  }

  z++;

}

利用z++和z%2来依次做出不同的选择。

对js的传参、对数据的计算、处理、展示有了更多理解