[深圳|内门弟子]JS-鲁强|2021年08月19日的日报-技能树.IT修真院

发表于： 2021-08-19 23:46:27

0 2004

今天完成的事情：
今天把js4第二个页面相关代码与知识进行了回顾

//循环添加标签及标签样式
for (let i = 0; i < Player.length; i++) {
    //创建大盒子div
    $("main").append('<div class="box"></div>');
    //加入身份div
    $(".box").eq(i).append('<p class="box-t"></p>');
    //身份信息变化
    $(".box-t").eq(i).html(Player[i].name);
    //加入号码div
    $(".box").eq(i).append('<p class="box-b"></p>');
    //号码信息变化
    $(".box-b").eq(i).html((i + 1) + "号");
}

//根据点击次数修改样式
if (Journal.length !== 1) {
    if (Click == 0) {
        $(".killer").html("杀手杀人");
        $(".text-top").html("杀手请睁眼，请选择要杀的对象");
        $(".text-bottom").html("点击下方头像，选择你要杀的对象");
    } else {
        $(".killer").html("投票");
        $(".text-top").html("发言已结束，大家请投票");
        $(".text-bottom").html("点击得票数最多的人的头像");
    }
} else {
    $(".killer").html("法官日记");
    $(".text-top").html("这里是法官日记，欢迎回来");
    $(".text-bottom").html("");
    $(".footer").html("返回");
    for (let l = 0; l < Player.length; l++) {
        $(".box").eq(l).addClass("disabled");
    }
}

//给亡者上色
for (let b = 0; b < Player.length; b++) {
    if (Player[b].death == false) {
        $(".box-t").eq(b).css("background-color", "red");
    }
}

//此为为了方便存储数据用，跟下方按钮关联
let clickNumber;
//点击判断
$(".box").click(function () {
    //获取点击的数组下标
    let s = $(".box").index($(this));
    //关联下方按钮
    clickNumber = s;
    //重置样式
    for (let l = 0; l < Player.length; l++) {
        $(".box-t").eq(l).removeClass("mainRed");
    }
    if (Journal.length !== 1) {
        //判断杀人或投票界面
        if ((Click.length - 1) == 0) {
            //判断是否是平民，是否存活
            if (Player[s].name == "平民" && Player[s].death == true) {
                $(".box-t").eq(s).addClass("mainRed");
                //点击死人弹窗
            } else if (Player[s].death !== true) {
                alert("当前玩家已死亡，请选其他玩家")
                //杀人界面不能点击杀手
            } else {
                alert("杀手不能杀死本职业");
            }
            //投票逻辑
        } else {
            if (Player[s].death == true) {
                $(".box-t").eq(s).addClass("mainRed");
            } else {
                alert("当前玩家已死亡，请选其他玩家")
            }
        }
    } else {
        for (let l = 0; l < Player.length; l++) {
            $(".box-t").eq(l).removeClass("mainRed");
        }
    }
})