今天完成的事情: 继续任务2

明天计划的事情:完成任务2

遇到的问题:

输入框字符的判断: 利用正则表达式来判断是否为数字,再判断数字范围,输入符合要求时,改变滑动条移动

滑动条的实现:  利用<input type="range" max="20"> 

函数的声明顺序,先后排版写的不规范

写dom时这样写的,感觉有点冗余

for (var i = 0; i < player.length; ++i) {
    var roleWrap = document.createElement("div")
    roleWrap.className = "role-wrap";
    if (player[i] == 0) {
        var square = document.createElement("div")
        square.className = "square-villager";
        var role = document.createElement("div");
        role.className = "role";
        role.innerHTML = "平&nbsp;&nbsp;民&nbsp;1&nbsp;&nbsp;人";
        roleWrap.appendChild(square);
        roleWrap.appendChild(role);
        setItem.appendChild(roleWrap);
    }
    if (player[i] == 1) {
        var square = document.createElement("div")
        square.className = "square-wolf";
        var role = document.createElement("div");
        role.className = "role"
        role.innerHTML = "杀&nbsp;&nbsp;手&nbsp;1&nbsp;&nbsp;人";
        roleWrap.appendChild(square);
        roleWrap.appendChild(role);
        setItem.appendChild(roleWrap);
    }
}

收获: 小课堂学习了git的用法 

‍‍git add:添加

git commit:提交到仓库

git push origin master:上传到远程库‍‍