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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

在任务四的时候最尾巴的部分，要怎么实现实时更新几号被杀死，被投死的信息

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//提取数据
var civilian = +sessionStorage.getItem("civilian"); //平民
var killer = +sessionStorage.getItem("killer"); //杀手
var days = sessionStorage.getItem("days"); //天数
var killDead = JSON.parse(sessionStorage.getItem("killDead")); //杀死数组
var voteDead = JSON.parse(sessionStorage.getItem("voteDead")); //投死数组
var daysArray = JSON.parse(sessionStorage.getItem("daysArray")); //天数数组
console.log(daysArray)
console.log(killDead)
console.log(voteDead)
console.log(civilian)
console.log(killer)
console.log(days)
//获取节点
var day = document.getElementsByClassName("day");
var sourceNode = document.getElementsByTagName("ul");
var sha = document.getElementsByClassName("sha");
var tou = document.getElementsByClassName("tou");
var picture = document.getElementsByClassName("picture")[0];
document.getElementsByTagName("p")[0].innerHTML = "剩余玩家:" + (killer + civilian);
document.getElementsByTagName("span")[0].innerHTML = "杀手" + killer + "人";
document.getElementsByTagName("span")[1].innerHTML = "平民" + civilian + "人";
if (killer >= civilian) {
    picture.style.background = "url(./杀手.png) no-repeat 0.8rem -0.3rem" ;
    picture.style.zoom=".4"
}
for (let i = 1; i < days; i++) {
    var cloneNode = sourceNode[0].cloneNode(true); //克隆源节点
    sourceNode[0].parentNode.appendChild(cloneNode); //排列
}
for (let i = 0; i < days; i++) {
    day[i].innerHTML = daysArray[i + 1];
    if (killDead[i] == undefined) {
        sha[i].innerHTML = "黑夜：";
    } else {
        sha[i].innerHTML = "黑夜：" + killDead[i];
    }
    if (voteDead[i] == undefined) {
        tou[i].innerHTML = "白天：";
    } else {
        tou[i].innerHTML = "白天 : " + voteDead[i];
    }
    console.log(killDead[i])
    console.log(voteDead[i])
}
//再来一局
var go = document.getElementsByTagName("button")[0];
go.onclick = function () {
    sessionStorage.clear();
    location.href = ("./../捉鬼猜词/捉鬼猜词.html");
}

该问题已被官方收录

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

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

如何保存有限状态机的状态

2

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var fsm =new StateMachine({
init:'ready',
   transitions:[
{ name:'tostep1',from:'ready',to:'step1'},
       { name:'tostep2',from:'step1',to:'step2'},
       { name:'tostep3',from:'step2',to:'step3'},
       { name:'tostep4',from:'step3',to:'step4'}
],
   methods:{
onTostep1:function () {
button[1].style.backgroundColor='whitesmoke';
           button[1].style.color='#cdd2d6';
           button[1].style.pointerEvents='none';
           localStorage.setItem('who','幽灵');
           localStorage.setItem('state',fsm);
       },
       onTostep2:function () {
alert('亡灵发言')
},
       onTostep3:function () {
alert('依次发言')
},
        onTostep4:function () {
localStorage.setItem('who','全民');
            window.location.href='kill.html';
       }
}
});

该问题已被官方收录

如何获取杀人数据和投票数据?

1

1

数据类型事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var condition = JSON.parse(sessionStorage.getItem("condition"))

该问题已被官方收录

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

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";//进入下一个页面
}

该问题已被官方收录

为什么获取不到input输入框的值？

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

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

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;
                }
            },

该问题已被官方收录

任务4中在法官台本的时候任务要求是不能跳过步骤，如何实现这个功能

2

1

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var $stage = new StateMachine({
    init: 'ready',
    transitions: [{
            name: 'step1',
            from: 'ready',
            to: 'kill'
        },
        {
            name: 'step2',
            from: 'kill',
            to: 'words'
        },
        {
            name: 'step3',
            from: 'words',
            to: 'speech'
        },
        {
            name: 'step4',
            from: 'speech',
            to: 'vote'
        },
        {
            name: 'reset',
            from: '*',
            to: 'ready'
        }
    ],
    methods: {
        onStep1: function () {
            $(".step:eq(0)").addClass("done");
            $(".round:eq(0)").addClass("do");
        },
        onStep2: function () {
            $(".step:eq(1)").addClass("done");
            $(".round:eq(1)").addClass("do");
        },
        onStep3: function () {
            $(".step:eq(2)").addClass("done");
            $(".round:eq(2)").addClass("do");
        },
        onStep4: function () {
            $(".step:eq(3)").addClass("done");
            $(".round:eq(3)").addClass("do");
        }
    }
});

$(".step:eq(0)").click(function () {
    $stage.onStep1();
    alert("进入杀人环节")
    sessionStorage.setItem("$stage", "1");
    sessionStorage.getItem("gameother")
    window.location.href = "js2-6.html";

})


$(".step:eq(1)").click(function () {
    if ($stage.onStep2()) {

        alert("请亡灵发表遗言");
        
    }else{
        alert("请亡灵发表遗言");

    }
    
    


})

$(".step:eq(2)").click(function () {
    $stage.onStep3();
    alert("请玩家依次发言");



})

$(".step:eq(3)").click(function () {
    $stage.onStep4();
    alert("请玩家开始投票")
    location.href = "js2-6.html"


})
var gameother = window.sessionStorage.getItem("gameother");
    if (gameother == "1") {
        $stage.step1();
    } else if (gameother == "2") {
        $stage.step1();
        $stage.step2();
        
    } else if (gameother == "3") {
        $stage.step1();
        $stage.step2();
        $stage.step3();
    } else if (gameother == "4") {
        $stage.step1();
        $stage.step2();
        $stage.step3();
        $stage.step4();
    } else {
        $stage.reset();
    }

该问题已被官方收录

如何阻止事件冒泡

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="div">
    <p id="p">段落文本内容
        <input type="button" value="点击" id="btn"/>
    </p>
</div>
<script>
    var div = document.getElementById("div");
    var p = document.getElementById("p");
    var btn = document.getElementById("btn");
    div.onclick = function () {
        alert("div");
    };
    p.onclick = function () {
        alert("p");
    };
    btn.onclick = function () {
        alert("btn");
    }
</script>

该问题已被官方收录

在Node.js输命令会报错

0

1

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

去第页

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