今天完成的事情:

把玩家配比页面写出来，又发现input的顶一种用法：

<input type="range">

HTML5 追加的类型，用来输入数值。

获取input的value的值，并把两个input关联起来，使鼠标移动的时候输入框也跟着变化。

var aa = function(){return document.getElementById("aaa")};
var bb = function(){return document.getElementById("text")};
function moveMouse(){
  bb().value=aa().value;

}

后来又试了一下

function moveMouse(){

text.value=aaa.value

}

是等价于：

function moveMouse(){

bb().value=aa().value;

}

我理解为想要把bb的值赋给aa要赋给他具体的值，而不是直接bb=aa；bb=aa表示的是

document.getElementById("aaa")等于document.getElementById("text")，会报错。

明天计划做的事：根据玩家数量，动态设置杀手和平民的数量。

遇到的问题：在获取input的value值的时候走了很多弯路，多亏琪勇师兄指点才度过难关。

收获：

1.<input type="range">

2.aa和aa（）的区别：以上述代码为例，aa代表return document.getElementById("aaa")

aa()则表示取出来的具体值，

3.return 表示从被调函数返回到主调函数继续执行，返回时可附带一个返回值，由return后面的参数指定。 return通常是必要的，因为函数调用的时候计算结果通常是通过返回值带出的。 如果函数执行不需要返回计算结果，也经常需要返回一个状态码来表示函数执行的顺利与否（-1和0就是最常用的状态码），主调函数可以通过返回值判断被调函数的执行情况。

4.oninput事件：oninput 事件在用户输入时触发。

5.bb().value=aa().value和a'a().value=b'b().value的区别，bb().value=aa().value是bb将值赋给aa，a'a().value=b'b().value则反之，之前一直没注意这个细节，以为都是一样的。

6.今天做的事情虽然不多，但是感觉理解了不少有用的东西，再次感谢琪勇师兄和国宝师兄