IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

亡灵发言页面，第一天和第二天渲染出来是一样的。

0

1

本地储存控制流程语句

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var day=JSON.parse(sessionStorage.getItem('sky'));
var murder=new Array;
for(var h=0;h<day;h++){
    // console.log(h+1);
   if(h<day){
   murder.push(  '<div class="center">'+'第'+' <span class="nm"></span>'+' 天'+'</div>'+
       '<div class="center-bottom">'+
           '<div class="left">'+
           '<div class="left-top"><img src="images/JS4-2.png" alt=""></div>'+

           '<div class="left-boot"><img src="images/JS4-3.png" alt=""></div>'+
           '</div>'+
           '<div class="right">'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top">'+'杀手杀人'+'</button>'+
           '<br>'+
           '<p class="text-top"></p>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-top2">'+'亡灵发表遗言'+'</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-center">玩家依次发言</button>'+
           '</div>'+
           '<br>'+
           '<div class="dis">'+
           '<button id="right-boot">'+'玩家投票'+'</button>'+
           '<p class="text-bottom"></p>'+
           '</div>'+
           '</div>'+
           '</div>');
   console.log(murder);
   $('main').html(murder);
       $('.nm').text(h+1);
   }
}

该问题已被官方收录

杀人游戏如何隐藏之前天数里的游戏记录？

3

1

本地储存控制流程语句节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

time.style.display = "none";

该问题已被官方收录

如何根据月份和日期可以选出对应星座？

0

1

控制流程语句事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 根据出生时间戳选出星座
            getStarSign: function (time) {
                function getAstro(m,d){
                    return "魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯".substr((m+1)*2-(d<"102123444543".charAt(m)- -19)*2,2);
                }
                if(time == '' || time == undefined){
                    return '';
                } else {
                    var date = new Date(time);
                    var month = date.getMonth();
                    var day = date.getDate();
                    var starSign = getAstro(month,day);
                    return starSign;
                }
            },

该问题已被官方收录

在投票页面，拿不到法官台本上传到sessionStorage的天数

1

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.getItem("day");

该问题已被官方收录

有限状态机能不能只学习其思想

0

1

控制流程语句事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

任务四渲染死亡玩家的数量

2

1

数据类型

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {
    let {log}=console;
    var key = JSON.parse(localStorage.getItem("Arr"));
    log(key)
    for (var i =0; i<key.length;i++) {
        add();
    }
    var kee = JSON.parse(localStorage.getItem("kkk"));
    log(kee)
    let num=1;
    let nun;
    for (let i =0; i<key.length;i++) {
        let nun= num++;
    }
    function add() {
        $('.main-float').append(
            `<div class="boxx">
             <div class="box">
            <div class="people">${key[i]}</div>
           <div class="nember">${i+1}号</div>
            </div>
        </div>`)
    };
    (function sss() {
        $(".people").click(function() {
            $(".people").removeClass("red");
            $(this).addClass("red");
            judge =true;
        });
    })();
    let addclass= JSON.parse(localStorage.getItem("deathindex"));
    log(addclass);

    var judge = false;
    //
    // for (var i =0;i<key.length;i++) {
    //     log(i)
    // }
    // if (key[i] == "杀手") {
    //         $(".main-float .people").unbind();
    //
    // }
    var box = $(".main-float .boxx .box .people");
    log(box)
    // for (var i = 0;i<addclass.length;i++) {
  //打印一个数组的值，然后是初始化条件是设密码，条件； 递增表达式。


    for (var i=0; i < addclass.length; i++) {
       log(addclass[i]);
    }
log(i)
    //
    // log(val)
    //     box.eq(2).addClass("red");
    //
    //




    let deathNum;
    $(".boxx").click(function(){
        deathNum = $(this).index();
        log(deathNum);

    });



        var number = [];
        $(".bottom-vote").click(function () {

            if(judge == false) {
                alert("杀个人再走，好吗吗？")
            }
           else {
                window.location.href =  "task2-foll.html";
                kee[deathNum] = "死亡";
                log(kee);
                number.push(deathNum);
                log(number);
                localStorage.setItem('kkk', JSON.stringify(kee));
                localStorage.setItem('deathindex', JSON.stringify(number));
            }



        });


});

该问题已被官方收录

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>法官台本</title>
    <link rel="stylesheet" type="text/css" href="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</html><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>法官台本</title>
    <link rel="stylesheet" type="text/css" href="../scss/version.css">
    <script src="../js/state-machine.js"></script>
</head>

<body>
    <header>
        <a class="return" href="./journal.html"></a>
        <h4>法官台本</h4>
        <a class="right" href="#">
            <span></span>
        </a>
    </header>
    <main>
        <div class="itme">
            <div class="day">
                第<span class="dayss">一</span>天
                <span class="dropdown"></span>
            </div>
            <div class="order">
                <span class="triangle"></span>
                <div class="box">
                    <div class="one">
                        <img src="../img/taiyang.png">
                    </div>
                    <div class="two">
                        <img src="../img/yueliang.png">
                    </div>
                    <button class="killingg">杀手杀人</button>
                    <p class="sha" id="shaa"></p>
                    <button class="undeadspeakk">亡灵发表遗言</button>
                    <button class="playerspeakingg">玩家依次发言</button>
                    <button class="votingg">全民投票</button>
                    <p class="tou"></p>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <button id="end">结束游戏</button>
        <button id="record">法官日志</button>
    </footer>
    <script>
        var dayss = document.getElementsByClassName("dayss");
        var itme = document.getElementsByClassName("itme"); //获取克隆的源节点
        var order = document.getElementsByClassName("order");
        var sha = document.getElementsByClassName("sha");
        var tou = document.getElementsByClassName("tou");
        var daybtn = document.getElementsByClassName("day");
        var box = document.getElementsByClassName("box");
        //四个按钮的节点获取
        var killingg = document.getElementsByClassName("killingg");
        var undeadspeakk = document.getElementsByClassName("undeadspeakk");
        var playerspeakingg = document.getElementsByClassName("playerspeakingg");
        var votingg = document.getElementsByClassName("votingg");
        //console.log(p);
        var step = sessionStorage.getItem("step"); //提取步骤
        // console.log(step)
        //提取被杀死的平民信息
        if (sessionStorage.getItem("killDead")) {
            var killDead = JSON.parse(sessionStorage.getItem("killDead"));
        } else {
            var killDead = [];
        }
        // console.log(killDead);
        //提取被投死的玩家信息
        if (sessionStorage.getItem("voteDead")) {
            var voteDead = JSON.parse(sessionStorage.getItem("voteDead"));
        } else {
            var voteDead = [];
        }
        console.log(voteDead)
        // console.log(voteDead);
        //提取天数
        if (sessionStorage.getItem("days")) {
            var days = sessionStorage.getItem("days");
        } else {
            var days = 1;
        }
        console.log(days);
        //创建天数数组
        var daysArray = ["十", "一", "二", "三", "四", "五", "六", "七", "八", "九"];
        sessionStorage.setItem("daysArray",JSON.stringify(daysArray));
        //创建状态机数组
        // var state = ["kill", "undead", "playerspeak", "vote"];
        //创建执行顺序状态机
        var fsm = new StateMachine({
            //当前状态
            init: "kill",
            //状态转换
            transitions: [{
                    name: "killing",
                    from: "kill",
                    to: "undead"
                },
                {
                    name: "undeadspeak",
                    from: "undead",
                    to: "playerspeak"
                },
                {
                    name: "playerspeaking",
                    from: "playerspeak",
                    to: "vote"
                },
                {
                    name: "voting",
                    from: "vote",
                    to: "kill"
                }
            ],
            //构造状态机的方法
            methods: {
                /* 如果状态转换不能正常转换就会触发下面的错误处理机制 */
                onInvalidTransition: function (transitions, from, to) {
                    switch (from) {
                        case "kill":
                            alert("请点击杀手杀人");
                            break;
                        case "undead":
                            alert("请点击亡灵发表遗言");
                            break;
                        case "playerspeak":
                            alert("请点击玩家依次发言");
                            break;
                        case "vote":
                            alert("请点击请点击全民投票");
                            break;
                    }
                }
            }
        });

        window.onload = function () {
            if (days > 1) {
                for (let i = 0; i < days - 1; i++) {
                    var cloneNode = itme[0].cloneNode(true);
                    itme[0].parentNode.appendChild(cloneNode);
                    // console.log(itme)
                    // console.log(itme[i])
                    console.log(box[3])
                    var button = box[i].getElementsByTagName("button"); //获取button
                    // console.log(button);
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "red";
                    }
                    // console.log(itme)

                    var button = box[i + 1].getElementsByTagName("button"); //获取当前天的button
                    for (let i = 0; i < button.length; i++) {
                        button[i].style.background = "#24A7C6";
                    }
                    dayss[i].innerHTML = daysArray[i + 1]; //修改天数数字
                    sha[i].innerHTML = killDead[i];
                    tou[i].innerHTML = voteDead[i];
                    // console.log(i);
                    // console.log(voteDead)
                    //  console.log(tou[i])
                    //  console.log(tou[1])

                }

                for (let i = 0; i < days - 1; i++) { //当到下一天的时候，上一天自动隐藏
                    //console.log(order[i])
                    order[i].classList.add("none");
                }
                dayss[days - 1].innerHTML = daysArray[days]; //修改当前天数数字
                if (killDead[days - 1] == undefined) { //修改当前杀人信息
                    sha[days - 1].innerHTML = "";

                } else {
                    sha[days - 1].innerHTML = killDead[days - 1];
                }
                if (voteDead[days - 1] == undefined) { //修改当前投死信息
                    tou[days - 1].innerHTML = "";

                } else {
                    tou[days - 1].innerHTML = voteDead[days - 1];
                }

            }
            if (days == 1) {
                //console.log( killDead[0])
                if (killDead[0] == undefined) {
                    sha[0].innerText = "";
                } else {
                    sha[0].innerText = killDead[0];
                }
            }
            for (let i = 0; i < days; i++) {
                //console.log(daybtn[i])
                daybtn[i].onclick = function () {
                    order[i].classList.toggle("none");
                }
                killingg[i].onclick = function () {
                    //console.log(fsm.can('killing'));
                    fsm.killing();
                    if (step == null) {
                        location.href = ('killing.html');
                    }
                }
                undeadspeakk[i].onclick = function () {
                    //console.log(fsm.can('undeadspeak'));
                    fsm.undeadspeak();
                    if (step == 1) {
                        alert("亡灵发表遗言");
                        undeadspeakk[i].style.background = "red";
                        step = 2;
                        sessionStorage.setItem("step", step);
                    }
                }
                playerspeakingg[i].onclick = function () {
                    //console.log(fsm.can('playerspeaking'));
                    fsm.playerspeaking();
                    if (step == 2) {
                        alert("玩家发表言");
                        playerspeakingg[i].style.background = "red";
                        step = 3;
                        sessionStorage.setItem("step", step);
                    }
                }
                // console.log(step);
                votingg[i].onclick = function () {
                    //console.log(fsm.can('voting'));
                    fsm.voting();
                    if (step == 3) {
                        sessionStorage.setItem("days", days);
                        sessionStorage.setItem("step", step);
                        location.href = ('vote.html');
                    }
                }

            }
            switch (step) {
                case "1":
                    fsm.killing();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                    }
                    break;
                case "2":
                    fsm.killing();
                    fsm.undeadspeak();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                    }
                    break;
                case "3":
                    fsm.killing();
                    fsm.undeadspeak();
                    fsm.playerspeaking();
                    for (let i = 0; i < days; i++) {
                        killingg[i].style.background = "red";
                        undeadspeakk[i].style.background = "red";
                        playerspeakingg[i].style.background = "red";
                    }

                    break;
                case "4":
                    step = null;
                    break;
            }
            // for(var i =0 ; i < days - 1 ; i++){
                
            // }
        }
        //第一天的步骤

        //退出游戏按钮
        var close = document.getElementsByClassName("right")[0];
        close.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
        //法官日记按钮
        var record = document.getElementById("record");
        record.onclick = function () {
            location.href = ("record.html");
        }
        //结束游戏按钮
        var end = document.getElementById("end");
        end.onclick = function () {
            if (confirm("确定退出游戏么？")) {
                sessionStorage.clear();
                location.href = ("homepage.html");
            }
        }
    </script>

</body>

</html>

该问题已被官方收录

循环出来的盒子里面的值没有改变

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 返回按钮返回到发牌页面
var backtrack=document.getElementById("backtrack");
backtrack.onclick=function() {
    location.href = "../html/check.html";
}

// 关闭按钮返回到主页面
var off=document.getElementById("off");
off.onclick=function() {
    // 点击关闭弹出提示窗口
    if (confirm("是否要退出游戏返回到主页面")) {
        location.href = "../html/start.html"; //点击确定返回到主页面
    } else {
        return false; //点击取消停留在当前页面
    }
}


// 获取发牌时保存的数据
var data = JSON.parse(localStorage.getItem('key'));


var arr = []; //声明一个数组
var arr = data; //把获取的数据传递到数组
// console.log(arr);


// 获取角色属性dom节点
var role = document.getElementsByClassName("role")[0];
// 获取角色人数序号dom节点
var number = document.getElementsByClassName("number")[0];
// 获取角色属性盒子父元素节点
var parent = document.getElementsByTagName("main")[0];
// console.log(parent)


// 通过父元素节点克隆人数属性盒子
for (let i = 0; i < arr.length - 1; i++) {
    // 获取子级盒子属性节点,并克隆节点
    var son = document.getElementsByClassName("box")[0].cloneNode(true);
    parent.appendChild(son); //规定在父级里面克隆子级节点
}

var x = 0; //声明一个变量记录玩家序号

for (let i = 0; i <= arr.length - 1; i++) {
    role.innerText = (arr[i]); //获取数组指标对应的玩家属性
    x = x + 1; //每次循把玩家人数序号+1
    number.innerText = (x + "号"); //把玩家人数序号传入对应的盒子
    // console.log(arr[i])
    // console.log(x);

}

// 点击button生成构造函数
var button=document.getElementsByTagName("button")[0];
button.onclick=function() {
    // 创建构造函数
    function Part(breed, status, num) {
        this.breed = breed;
        this.status = status;
        this.num = num;
    }

    var PartArr = [] //声明一个数组，把构造函数的对象放到该数组

    // 构造函数生成玩家对象
    for (var i = 0; i < arr.length; i++) {
        var temp = arr[i] //获取玩家对应的角色属性传到对象里
        var num = i + 1 //生成玩家数量序号传入到对象
        PartArr.push(new Part(temp, "存活", num)); //把生成的玩家对象push到数组
    }
    // 把玩家对象数组储存到浏览器本地
    localStorage.setItem("store", JSON.stringify(PartArr));
    // console.log(PartArr);
 

    location.href = "../html/libretto.html";//进入下一个页面
}

该问题已被官方收录

JQ操作不了伪元素，那怎么用JQ使伪元素变色

1

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //当进行的天数大于1的时候，在活动台本前插入静止的法官台本
    if (day > 1) {
        for (var i = 0; i < day - 1; i++) {
            $(".item:last").before("<div class=\"item\">\n" +
                "        <div class=\"day\">第" + (i + 1) + "天</div>\n" +
                "        <div class=\"wrap\">\n" +
                "            <div class=\"night\">\n" +
                "                <ul>\n" +
                "                    <li class=\"killer-kill killer-kill-dead\">杀手杀人</li>\n" +
                "                    <li class=\"kill-message killer-kill-message\">3号被杀手杀死，真实身份是平民</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "            <div class=\"daytime\">\n" +
                "                <ul>\n" +
                "                    <li class=\"ghost-speak ghost-speak-dead\">亡灵发表遗言</li>\n" +
                "                    <li class=\"player-speak player-speak-dead\">玩家依次发言</li>\n" +
                "                    <li class=\"vote-kill vote-kill-dead\">全民投票</li>\n" +
                "                    <li class=\"kill-message vote-kill-message\">5号被投票投死，真实身份是杀手</li>\n" +
                "                </ul>\n" +
                "            </div>\n" +
                "        </div>\n" +
                "    </div>")
            //将这一天的信息隐藏
            $(".wrap").eq(i).hide();
            //取出装每天的两个事件说明的数组,分别分配给各个静止法官台本
            var words = JSON.parse(sessionStorage.getItem("words"));
            $(".killer-kill-message").eq(i).text(words[2 * i]);
            $(".killer-kill-message").eq(i).show();
            $(".vote-kill-message").eq(i).text(words[2 * i + 1]);
            $(".vote-kill-message").eq(i).show();
            //将静止台本的每个步骤都设置高亮
            //第一步高亮
            $(".killer-kill").eq(i).css("background", "#92b7a5");
      
            //第二步高亮
            $(".ghost-speak").eq(i).css("background", "#92b7a5");
           
            //第三步高亮
            $(".player-speak").eq(i).css("background", "#92b7a5");
           
            //第四步高亮
            $(".vote-kill").eq(i).css("background", "#92b7a5");
           
        }

该问题已被官方收录

不知道怎么获取全部盒子。不知道下面第一幅图怎么判断子元素的class

1

1

节点操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    var boxes = [];
    $(document).ready(function () {
        boxes.push($(".box"));
        alert(boxes.length)
    });

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1