今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

 在玩家配比页面编写方法，获取玩家数量框内的数字

在玩家配比页面编写方法，获取玩家数量框内的数字

将杀手和平民身份打乱，准备分配给1-N号玩家

对用户输入的数字进行检验判断，当输入框内不是一个4-18之间的数字时，弹出弹框提示

明天计划的事情：（一定要写非常细致的内容） 

 小课堂【武汉-143期】【css-08】margin负值在页面布局中有哪些应用？

遇到的问题：（遇到什么困难，怎么解决的） 

sub.click(function () {
    number.val(number.val() - 1);
    number.val() < 4 ? alert("玩家人数只能是在4-18") & number.val(4) : range.val(number.val());
});

add.click(function () {
    number.val(number.val() - (-1));
    number.val() > 18 ? alert("玩家人数只能是在4-18") & number.val(18) : range.val(number.val());
});

number.val(number.val()+1);无法实现点击按钮数字自增,当点击按钮时,输入框里的数字会变更成字符串与"1"拼接,number.val(number.val()-(-1));可以完美解决此问题

number.val(number.val()-1); 可以实现点击按钮数字自减

点击"点击设置"按钮,数组长度总是8,无法改变

//获取"点击设置"按钮 
$("#get").click(function() {
  var num = $("#range").val();
});

var num = $("#range").val();

声明玩家人数的变量必须放到按钮点击事件里,否则,无法获取到用户设置的值,只能获取默认值

var player = ""; //声明空字符串存储玩家身份
 
//获取"点击设置"按钮
$("#get").click(function() {
  var num = $("#range").val();
  player = "";
  //每次点击"点击设置"按钮,必须清空显示玩家信息区域
});

 每次点击"点击设置"按钮,玩家信息显示区域的内容无法清空 

收获：（通过今天的学习，学到了什么知识）

/*
 * 判断玩家人数数字输入框的数字是否符合要求
 */
number.blur(function () {
    // if (number.val() < 4) {
    //   alert("人数不能少于4");
    //   number.val(4);
    //   range.val(4);
    // } else if (number.val() > 18) {
    //   alert("人数不能多于18");
    //   number.val(18);
    //   range.val(18);
    // } else {
    //   range.val(number.val());
    //   //   将number的值给range
    // }
    number.val() < 4 ? alert("人数只能是在4-18") & number.val(4) & range.val(4) :
        number.val() > 18 ? alert("人数只能是在4-18") & number.val(18) & range.val(18) :
            range.val(number.val());
});

三元运算符?:的一般形式为:

<表达式1> ? <表达式2> : <表达式3> 

其中表达式1为布尔表达式，或真或为假。若表达式1为真，则返回表达式2的值作为整个条件表达式的值。若条件为假，则返回表达式3的值。例如

 number.val() > 18 ? alert("玩家人数只能是在4-18")&number.val(18) : range.val(number.val());

?: 运算符是 if...else 语句的快捷方式。使用 if...else 语句会很繁琐,三元运算符能极大简化代码,使用if-else 需要12行代码,三元运算符只需要3行,逻辑清晰明了,是简化代码必备