今天完成的事情：

完成任务2，基本达到demo上的效果；

完成输入值超出范围后弹出遮罩层提示；

input输入框的美化；

完成任务3的静态页面；

花了一上午时间学习了JS对象章节；

又研究了正则表达式；

明天计划的事情：

研究任务3中的内容：

游戏身份的传递方式；

玩家配比页面的杀人和平民分配的数据，传到新的页面，查看玩家身份；

为页面的查看身份按钮/隐藏并传递给下一号按钮添加点击事件；

学习如何根据需要显示和隐藏视；

用变量保存查看状态和当前查看到几号身份；

书写逻辑，点击一次查看身份再点击隐藏身份，再点击查看下一个人身份，如此循环；

学习浏览器的本地存储；

继续读书；

遇到的问题：

Task2中的问题：

如何美化input表单，设置宽高、padding值控制输入的number居中显示；

上次写的代码无法运行，今天又仔细探究了，发现全局变量和局部变量搞混了，这一点也导致了代码不能运行；

JS对象真的好难懂，原型、继承、构造函数等很难理解；

收获：

熟悉了遮罩层的JS实现方法，scrollWidth、scrollHeight、clientHeight、appendChild、createElement、offsetHeight、offsetWidth、removeChild等的应用；

input输入框的美化；

切图中合并图层，按住shift多选，右键菜单合并图层；

获得焦点placeholder消失，失去焦点placeholder出现；

<input type="text" placeholder="passord" onfocus="this.placeholder = ''" onblur="this.placeholder='passord'" />