今天完成的事情：

1.进行之前的代码优化。或者进行精简

明天计划的事情：

1.试着开始打包app

遇到的问题和收获：

1.将前面的js写法换成jquery写法，和后面统一下。另外$()得到的是一个数组形式，改变样式或者使用函数时需要加下标。

var inputNumber = $("#inputNumber")[0];
var rangeNumber = $("#rangeNumber")[0];
var killer = $("#killer")[0];
var waterPeople = $("#waterPeople")[0];
//jquery返回的是一个数组，byId返回的是对象。故数组要加下标

将滑块界面的随机数选择放到按钮下，之前是在每个按钮下都有设置，太麻烦，更改一下。

identity = [];
killerOrWater();
addIdentity(identity);
var send = JSON.stringify(shuffle(identity));
sessionStorage.setItem("allJson", send);
console.log(identity);

var diary = [];
for (var i = 0; i < killerWaterNum.length; i++) {
    $("header").append(Player(killerWaterNum[i], i));
    var obj1 = {role: killerWaterNum[i],
        state: "alive",
        num: i + 1};
    diary.push(obj1);
}

在法官日记界面设置一个数组，设置一些人物属性进去。

if (history1 === null) {
    history1 = [];
    //将死亡状态存入历史记录数组,方便流程页历史记录引用
    var objAll = {
        deadKill: "",
        voteKill: "",
        // state: "",
        // myDay:"",
        look: ""
    };
    history1.push(objAll);
}
console.log(history1);

在流程界面想设置出一个数组，存储每一天的状态。比如死亡讯息。目前还没有完成，没有理清。在调试看能不能成功。

function result() {
    return (
        "<div class='days'>" +
        "<div class='day'>" +
        "<div class='box-date'>" +
        "<p class='word-day1'>" + "第" + a + "天" + "</p>" +
        "</div>" +
        "<p class='word-day2'>" + "黑夜:" + thisHistory[i * 2].deadKill + "</p>" +
        "<p class='word-day2'>" + "白天:" + thisHistory[i * 2 + 1].voteKill + "</p>" +
        "</div>" +
        "</div>"
    )
}

for (var i = 0; i < myDay; i++) {
    var a = i + 1;
    var o = $(result());
    $("main").append(o);

}

在最终结果页面，之前字符+数字的相加改成设置一个变量a，由a执行一下再代入进函数。可以达到显示对应天数的效果