【在按顺序点击投票之后，回到杀人页面，被杀的玩家div框背景色变化了，怎么做？ _本地储存】

在按顺序点击投票之后，回到杀人页面，被杀的玩家div框背景色变化了，怎么做？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

本地储存

详细描述

截图

代码

var player = JSON.parse(sessionStorage.getItem("all"));
var num = 1;
var obj = []

function addPlay() {
    for (var i = 0; i < player.length; i++) {
        if (player[i] == "平民") {
            obj.push({
                name: "平民",
                death: true
            })
        } else {
            obj.push({
                name: "杀手",
                death: true
            })
        }
        $('<div class="box-content"></div>').appendTo($("main"))
        $('<div class="box-name"></div>').appendTo($(".box-content")[i])
        $('<div class="box-number"></div>').appendTo($(".box-content")[i])
        $('.box-name')[i].innerHTML = player[i];
        $('.box-number')[i].innerHTML = num;
        num++;
    }
}
//运行函数addPlay
addPlay();
var days = 1;
var deathClick;
$('.box-content').click(function (e) {
    var cli = $(e.target.parentNode).index();
    deathClick = cli;
    // console.log(obj[cli].name)
    if (obj[cli].name == "平民") {
        for (i = 0; i < obj.length; i++) {
            $('.box-content').css("border-color", "#fff")
            this.index = i;
            $(this).css("border-color", "red")
        }
        days = 2
    } else {
        $('.box-content').css("border-color", "#fff")
        alert('请不要自相残杀')
        days = 1
    }

})

function ensure() {
    if (days == 2) {
        var kilClick = 1;
        var flow = 1;
        obj[deathClick].death = false;
        sessionStorage.setItem('flow    ', JSON.stringify(flow))
        sessionStorage.setItem('kilClick', JSON.stringify(kilClick))
        sessionStorage.setItem("deathObj", JSON.stringify(obj))
        window.location.href = '../html/gameFlow.html'
    } else {
        alert("请杀人")
    }

}
var deathPeople = JSON.parse(sessionStorage.getItem('deathObj'))
for(var i = 0; i < deathPeople.length; i++) {
    if(deathPeople[i].death == false){
        $('.box-name').eq(i).css("background-color", "gray")
    }
    console.log(deathPeople)
}
if(JSON.parse(sessionStorage.getItem('vote'))) {
    $('.headText').html('全民投票')
    $('.ensureBtn').html('投死')
    for (i = 0; i < obj.length; i++) {
        $('.box-content').css("border-color", "#fff")
        this.index = i;
        $(this).css("border-color", "red")
    }
}

编辑于2024-04-18

时间排序

热门排序

[深圳|结业弟子]JS-叶泽彪
0

用sessionStorage来存储格子的状态

查看全部>

编辑于2018-10-26

去第页