今天完成的事情：在家看了一天的书，重构了部分任务4的代码。完成了自动生成dom部分。晚上继续写一下。
明天计划的事情：完成任务4.
遇到的问题：目前写到这 还没什么问题，等有问题的时候再问，我晚上继续写。
收获：

重构了法官页面，把该页面设为3个状态。

1，法官页面。

2，杀手页面。

3，投票页面。

切换上述页面的类型改变页面的dom。

设置了玩家的5个状态。

1，玩家数字，2玩家身份，3，玩家状态。4玩家死亡的方式，5玩家死亡的天数。

下面是部分重构代码。

$(document).ready(function(){

var player =localStorage.c;//”总玩家“

player=JSON.parse(player);//“总玩家”转为数组。

console.log(player);

var playerNum=player.length;

console.log(playerNum);

var playerObj=[];

//玩家状态工厂函数

function setPlayer(number,identity,state,deathMode,deathDay) {

    var a={

        number : number,

        identity : identity,

        state : state,

        deathMode: deathMode,

        deathDay: deathDay

    };

    return a;

}

if(localStorage.pageType=="list"){//在翻牌子页面设定参数为“list”，初始化法官查看页面。

    for(var i=0;i<playerNum;i++){

        playerObj[i]=setPlayer(i+1,player[i],"alive",null,null);

    }

}

console.table(playerObj);

switch (localStorage.pageType){//定义页面标题,和按钮文本

    case "killerPage":

        $("title").append("杀手杀人页面");

        $("h3").append("杀手杀人");

        $("h4").append("杀手请睁眼，杀手请选择要杀的对象")

        $("h5").append("点击下方玩家头像，对被杀死的玩家进行标记")

        $("button").append("确定");

        break;

    case "votePage":

        $("title").append("投票页面");

        $("h3").append("投票");

        $("h4").append("发言讨论结束，请大家投票")

        $("h5").append("点击得票数最多的人的头像")

        $("button").append("确定");

        break;

    default:

        $("title").append("法官日记");

        $("h3").append("法官日记");

        $("button").append("开始游戏");

}

function createPlayer(i){

for (var i = 0; i < playerNum; i++){

$(".main").append(

"<div class=\"box\">"+

"<div class=\"box-warp\">"+

"<div class=\"box-identity\">"+player[i]+"</div>"+

"<div class=\"box-number\">"+(i+1)+"号"+"</div>"+

"</div>"+

"<ul class=skill>"+"<li class=\"skill-murder\"></li>"+

"<li class=\"skill-search\"></li>"+

"<li class=\"skill-snipe\"></li>"+

"<li class=\"skill-heal\"></li>"+

"</ul>"+

"</div>");

}

} //在创建append（""）中的class属性时 需要\"转义。否则报错；如果使用‘’则无问题。

createPlayer();//初始化玩家动态dom;