今天完成的事情：完成JS任务二页面效果，学习到了用js跳转页面，JS获取input的value值，JS数组和乱序 

明天计划的事情：正则表达式学习和任务三

遇到的问题：

1.页面一跳转页面二可以用html的hrel或者JS的事件。当点击按钮时候，JS事件运行window.location.href= 跳转页面。

2.JS获取按钮标签，开始学习的是如何在点击情况下获得按钮标签，也是通过dom获取值，当点击按钮时，触发事件document.getElementById.value获得当前value的值。但是看效果GIF中，是按了键盘的完成的同时，就获得了value值并且判断。查资料后，知道了onblur光标离开区域和onfocus光标选定区域属性，在这里我们是要用到onblur属性，当点击手机键盘完成或者PC端鼠标点离input的输入区域时，获取value值。

3.通常在输入框，为了保证用户输入内容是在范围以内，需要用正则表达式进行一个判断。但是这个任务中是纯数字，并且我正则表达式还有点没看明白，就选择了用IF语句判断，当P%1===0（确定为整数）&&在4-18之间时，开始进行杀手和平民的分配，否则弹出对话框，要求重新输入。

4.在判断了杀手和平民的数量后，将其赋值给杀手栏的input中value和平民中input的value即可显示在页面中。而为了进入页面第一次时页面不那么干涩，提前在value中写一组对应的数组，并且给js中变量的初始值设定为相同数字，这样刚进入页面就有一个数组可以选择。而如果用户重新输入人数，则先清空杀手和平民的值，再计算。

5.将杀手和平民放入数组并打乱顺序这一任务上，遇到了点问题。开始的想法是先把总人数给与数组，然后都赋值为平民，随机选出与杀手数相等数组中的第几个数，将其赋值为杀手。但是这样的计算很复杂，算了很久也没想出一个很好的计算方法。后来与李婷师姐讨论后，学习到了他们的方法，先将杀手和平民都顺序放进数组，然后再打乱顺序就好，用的是数组的sort排序方法。 

收获：学习不能学了就忘，要多辅导师弟，例如后方的胖子。