• 今天完成的事情：

• 1、学习了《JavaScript高级程序设计》。包括操作符、语句。

• 2.、完成了任务2中的滑动块，滑动块和文本输入框的关联，以及文本输入框的数据类型的判断。

• 3、学会了isNan（）函数。

• 4、了解了typeof（）的用法。

• 5、学会了对input range更改样式，并使用oninput事件让输入框的值等于滑块的数值。

• 
  

• 明天计划的事情：

• 1、继续学习《JavaScript高级程序设计》

• 2、完成任务2，根据玩家数量，动态分配杀手和平民的数量。并将身份打乱分配给每一位玩家。

• 
  

• 遇到的问题：
  

• 1、在判断输入的数据是不是数字时出现了点问题，后来了解到typeof返回的值是一个字符串，所以不能直接用来判断，所以最后采用了isNan（）函数，当数据为数字时，为False，当为其他类型是为ture，再将其放入if语句中，判断出输入的数据是否是数字并作出反应。代码如下。采用了onchange事件，个人觉得这里用onkeyup事件不是很合适，当要输入一个两位数时，当输入了第一个数字时就会触发函数，导致作出判断，无法再输入后面的数字。

• document.getElementById("show").onchange = function () {
      var value=parseInt(oNumber.value);//将数值转换为整数,保证数据类型由字符串变为了数字
      console.log(value);
      console.log(typeof value);
      var a=isNaN(value);//当value为一个数字时，输出false，为其他时，输出true
      console.log(a);
      if(value<4||value>18||a){
                 alert("只能输入4-18之间的数字");
          oNumber.value="";
      }
  };

  
  

• 收获：
  

• 1、《JavaScript高级程序设计》上讲解的内容太详细了，需要多花时间研究。

• 2、操作符分为以下几种：

• 一元操作符：只能操作一个值的操作符。包括递增操作符、递减操作符、一元加和减操作符

• 位操作符：按位非、按位与、按位或、按位异或、左移、右移（包括有无符号）

• 布尔操作符：逻辑非、逻辑与、逻辑或

• 乘性操作符：乘法、除法、求模

• 加性操作符：假加法、减法

关系操作符：大于、小于、≥、≤

相等操作符：相等和不相等、全等和不全等

条件操作符

赋值操作符：除了简单的=号外，还可以和其他操作符结合形成复杂赋值操作。

逗号操作符：