今天完成的事情：

1.写根据天数变化自动生成的界面。

明天计划的事情：

1.写结果页面。

遇到的问题和收获：

1.有几个问题吧。一个是目前生成第二天后，当前的状态和第一天会完全一致，应该是我没有克隆对的原因，正在修改，想改成模板字符串来写。

第二是点击之后四个选项变色，新的天数选项颜色应该和前一天独立，这个问题和第一个应该差不多，修改中。

第三是杀手杀人和投票传值，是否弄成两个传值来写。

if (stage === 1) {
    var text1 =
        "<p class='kill-message'>\n" + peopleState.num + "号被杀手杀死，真实身份是" + peopleState.role + "</p>";
    boxDay.eq(0).after(text1);
    sessionStorage.setItem("text", text1)

} else if (stage === 4) {
    var deadMessage = sessionStorage.getItem("text");
    boxDay.eq(0).after(deadMessage);
    var text2 =
        "<p class='kill-message'>\n" + peopleState.num + "号被投票投死，真实身份是" + peopleState.role + "</p>";
    boxDay.eq(3).after(text2);
}

这里是自动生成的死亡讯息，写的很麻烦。点击杀人后，传回一个数据，点击投票后，又重新生成一个数据，所以传回流程界面时只有一个数据，也就是只会同时出现一段文字。上面是写的点击杀人后把讯息存下来，传到下面点击投票之后。描述不太清楚，但此处正在修改。

2.天数的流程，对自动生成天数没有实现我想要的效果。但有点想法了，继续修改。

//天数
var myDay = sessionStorage.getItem("getDay");
console.log(myDay);
var i;
for (i = 0; i <= myDay; i++) {
    // day.onProcess();
    // var index=parseInt(day.state);
    var classDay = ["一", "二", "三", "四", "五", "六", "七", "八", "九"];
    var boxProcess = $(".box-process");
    // boxProcess.eq(0).clone().appendTo("main");
    // $(".process").eq(i-1).hide();
    $("main").append(gameBox());
    $(".days").eq(i-1).click(function () {
        $(".process").eq(i-1).slideToggle();
    });//点击展开和收缩

    // $(".dayNum").eq(i + 1).text("第" + classDay[i + 1] + "天");//根据天数修改标题
}

上面叙述不太清晰，后面改好重新叙述，