今天完成的事：1）修改了小滑块限值的问题。

function btnAdd(){
    otextNum.value++;
    if(otextNum.value>18){
        alert("人太多啦 >.<");
        otextNum.value=18;
    }
    else{
        oslider.value=otextNum.value;
    }
}

之前是这一行写错了位置。

otextNum.value=18;

2）写出角色配置并添加节点显示出来。

我的写法比较复杂，创建li节点，在li中创建span添加文字“x号水民”，再用insertbefore给span前插入另一个span表示色块。创建的同时添加类。最后把这个li节点用appendChild附到ul上。

给新建元素添加类的方法有几种。①setAttitude（“class”，“xxxx”）；②元素名.className=“”；

样式是提前写好在css文件里的。

设置角色时，创建了两个数组，分别存储杀手和水民，然后用concat方法把两个数组链接起来，并用随机函数打乱。

//打乱排序 随机函数
function randomsort(a, b) {
    return Math.random() > .5 ? -1 : 1;
    //用Math.random()函数生成0~1之间的随机数与0.5比较，返回-1或1
}

明天要做的事：添加小滑块滑动改变数值。剩下的页面逻辑加上。

遇到的问题：1）生成角色列表后，再次点击配置之前的没有清空。js里已经写了每次点击innerHTML=“”；但是不生效。

2）设置的数值并没有什么用，不管写的是几，每次都是固定生成12个人。

收获：学习了创建节点的写法。不过重复代码真心多，想学jq了。

学习了用console.log调试。

被指出来命名不规范。以后加强注意。

被教育一波遇到问题优先看文档。

小课堂听了师姐讲手机hover的问题。效果简直神奇。

晚上第一次经历了讨论环节，氛围很好。