今天完成的事情：

1 将任务2完成，分配身份正确，身份前面的小方块也能正确正确匹配颜色，输入框也能准确判断并提示；

2 写完了任务3的静态页面；

明天的计划：

开始任务三js部分，尽量完成1两个功能把。

遇到的问题：

1 解决了昨天的问题：小方块不能根据相应的条件给相应的颜色：

昨天的代码：

//输出html；
for (var j = 0; j < newPlayer.length; j++){
var p;
   if(newPlayer[j] == "平民"){
p = "color-block2";
   }else {
p = "color-block1";
   }
var q = "<span class=eval(p)></span>";
   playerText += '<li class="player-info">' + q + newPlayer[j] + '1人</li>\n';
}
players.innerHTML = playerText;

开始的思路是获取ul下面li的所有节点（通过tagName，但是不知道为什么一直不生效。通过给id，再给一个class=“名字”，但id唯一，只能生效一个）

经师兄提点，换种思路，这样写：

for (var j = 0, q = 1; j < newPlayer.length, q<= newPlayer.length; j++, q++){
    if(newPlayer[j] == "水民"){
        playerText += "<li class='player-info'><span class='color-block2'></span>" + q +'号'+ newPlayer[j] + "</li>\n";
    }else {
        playerText += '<li class="player-info"><span class="color-block1"></span>' + q +'号'+ newPlayer[j] + '</li>\n';
    }
}
players.innerHTML = playerText;

2 input输入框老有上下键存在，type改设为tel。

收获：

1 完成任务二的页面及功能，写完之后，随着js的熟练，想到了其他方法来分配身份。

2 看了一点jq，知道jq是怎么回事了，过了一下w3c-jq的语法与选择器