今天完成的事情，按钮禁止点击。

遇到的问题，如何动态的渲染，每天投死的人，和每天杀死的人。当时我想的是。

var death=JSON.parse(sessionStorage.getItem("death"));

获取，死亡数组的number-1，渲染死掉的div。但是这样的话，我需要写无数个这样的代码，而且，天晓得下一个杀的是谁。

师兄叫我的方法。在存放浏览器的对象里面，添加一个class类的属性，去进行渲染。live都是活着的人，death就是死掉的人。

但是当时真的没有，迷过来，对象还可以这么完，把div的class放进for循环了，都懵懵懂懂的。没有绕过来这个弯。

在我们建立对象的数组里面，存入一个新的属性。class：“live”；

var gather=[];
for (let i=0; i<zz.length;i++){
    gather.push({name:zz[i],number:i+1,state:1,class:"live"});
    //push进去一个数组，存放死掉的对象的信息。
}
//

for循环，给模板字符串渲染的div里面，添加上去。。

for (let i = 0; i < list.length; i++) {
    let div = (`<div class="game-box" id="kills">
                <div class="role ${list[i].class}">${list[i].name}</div>
                <div class="number">${i + 1}${typeface}</div>
                <img class="kill" src="../img/img-7-2.png" height="30" width="30"/>
                </div>`
    );

这样的话，渲染出来的每个玩家div的class都会有个，live。

在杀人与投票的页面里面，push的死亡对象。

}else if (list[subscrip    //取出数组。
    t].name=="平民") {
    var death=JSON.parse(sessionStorage.getItem("death"));
    // 把死亡状态的对象传入数组。
    death[death.length-1].push({name:list[subscript].name,number:list[subscript].number,state:list[subscript].state=2,class:list[subscript].class="death"});
    // 浏览器存值。
    sessionStorage.setItem("list",JSON.stringify(list));
    sessionStorage.setItem("death",JSON.stringify(death));
    console.log(death.length);
    // 页面跳转
    window.location.href="../html/start-game.html";
    // 把页面四个按钮的值变量存值。
    sessionStorage.setItem("figure",Store);
    console.log(list[subscript].name);

获取对象的数组，push的时候，把死亡的玩家的类名。class：“live”改成death。

然后再次进入页面。for循环的时候，自然而然，死掉的玩家的class就是，death。

遇到的问题，颜色无法覆盖，解决办法。。

death{
  background: #565656 !important;
}

加了importnt。

div禁止点击的时候，懵了不知道该怎么样去禁止点击好一些。最后迷瞪过来了，无非就是有这个类的全部禁止点击。。我居然想写个if判断，看一下，判断一下，有没有这个类。

$(".death").parent().off("click");

今天收获，没有想到对象的类可以这样去使用。。真的是太灵活好用了。

明天计划，开始写if判断。游戏结果。。