今天完成的事情：

1、完成数组数据与画面内容的绑定；

2、添加了法官页面，先添加以下代码，对样式进行排版确定

<div class="identity-box">

  <div class="identity-all">平民<div class="identity-num">1号</div></div>

  <div class="identity-all">平民<div class="identity-num">2号</div></div>

  <div class="identity-all">平民<div class="identity-num">3号</div></div>

  <div class="identity-all">平民<div class="identity-num">4号</div></div>

</div>

然后删除identity-box内容，点击前页面“法官查看”后，根据前面得到的数组数据aNum进行代码添加。

for(var i=0; i<aNum.length; i++){

var j = i+1;

var iden = aNum[i] == 0? '杀手':'平民';

/*if(aNum[i] == 0){

iden = '杀手';

}else{ iden = '平民';}*/

identityBox.innerHTML += '<div class="identity-all">' + iden + '<div class="identity-num">' + j + '号</div></div>';

}

3、把本地图片换成网络链接图片；

明天计划的事情：

开始任务4。对任务4功能进行浏览和规划，并完成样式整理。

遇到的问题：

网络图片加载速度较慢；法官页面只塞下16个块信息，故暂时限制人数4~16，翻页功能暂时不做。

收获：

代码量上去以后，一些以前看到过的方法会自然的用了上去。