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

该问题已被官方收录

被杀死的玩家如何变色？点击事件如何移除？

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

   if(death  !== null){
            for (i=0;i<death.length;i++){
                $(".block").eq(death[i]) .unbind();
                $("  .block").eq(death[i]) .removeClass("click");
                $(" .block").eq(death[i]) .css("opacity","0.5");//死亡玩家事件移除及变色
            }
        }

进入杀人页面，在杀人后再跳回法官台本页面，会导致状态机重置无法正常运行下去

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 fsm = new StateMachine({
        init: "ready",
        transitions: [
            {name: 'stepOne', from: 'ready', to: 'stepOne'},
            {name: 'stepTwo', from: 'stepOne', to: 'stepTwo'},
            {name: 'stepThree', from: 'stepTwo', to: 'stepThree'},
            {name: 'stepFour', from: 'stepThree', to: 'stepFour'}
        ],
        methods: {
            onStepOne: function () {
                switch (fsm.state==="stepOne") {
                    case "stepOne":
                        $("#kill").css("background","green");
                        break;
                }
            },
            onStepTwo: function () {
                switch (fsm.state==="stepTwo") {
                    case "stepTwo":
                        alert("请死者亮明身份并且发表遗言");
                        break;
                }
            }
        }
    });
    $("#kill").click(function () {
        fsm.stepOne();
        window.location.href = '../html/task13_2.html';
        sessionStorage.setItem("state",fsm.state);
    });

    $("#words").click(function () {
        fsm.stepTwo();
    });
console.log(sessionStorage.getItem("state"));

克隆一个节点，循环3次，然后打印他，为什么每次都是打印出四个。

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(i = 1; i < lenSquare; i++) {
    var square = document.getElementsByClassName("square")[0];
    var newSquare = square.cloneNode(true);
    square.parentNode.appendChild(newSquare);
    console.log(square.parentNode);
}

在杀手杀人时，如何选定，只让一个div的边框变化？

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

function addPlay() {
    for (var i = 0; i < player.length; i++) {
        $('<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++;
    }
    console.log(player.length)

}
addPlay();

function ensure() {
    window.location.href = '../html/gameFlow.html'
}
var ccc = [{
    name:"平民",death:true
},{
    name:"杀手",death:false
}]
$('.box-content').click(function(i){
    console.log(ccc[0].name)
    for(i = 0; i < player.length; i++){
        $('.box-content').css("border-color","#fff")
    }
    this.index = i;
    $(this).css("border-color","red")
})

在JSON没有数据解析的时候，如何自制报错

0

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//localStorage.clear(); 
var info;
var info2;
//var storage;
document.getElementById("button3").onclick=function(){
    window.location.href="proportion3.html";
}
a=true;
var kill=0;
z=1;
for(let c = 0; c<z;c++){
    
document.getElementsByClassName("killer-1")[c].onclick=function(){
    // document.getElementById("day").onclick=function() {

    //     if(a==true){
    //         document.getElementsByClassName("main")[c].style.height=0;
    //         a=false;
    //         }else{
    //             document.getElementsByClassName("main")[c].style.height="237px";
    //             a=true;
    //         }
    //     }
    if(kill==0) {
        var storage;
        var death1;
        kill++;
        window.location.href="vote.html";
        document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
        
    }else{
        alert("请按顺序来");
    }
}

document.getElementsByClassName("killer-2")[c].onclick=function(){
    
    if(kill==1){
        alert("亡灵发表遗言");
        document.getElementsByClassName("killer-2")[c].style.backgroundColor="rgb(128,128,128)";
        
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-3")[c].onclick=function(){
    if(kill==2){
        alert("玩家依次发言");
        document.getElementsByClassName("killer-3")[c].style.backgroundColor="rgb(128,128,128)";
        kill++;
    }else{
        alert("请按顺序来");
    }
}
document.getElementsByClassName("killer-4")[c].onclick=function(){
    if(kill==3){
        document.getElementsByClassName("killer-4")[c].style.backgroundColor="rgb(128,128,128)";
       // window.location.href="vote.html";
        z++;
        localStorage.many=JSON.stringify(z);
        console.log(localStorage);
    }else{
        alert("请按顺序来");
    }
}

kill=JSON.parse(localStorage.kill);
if(kill!=0){
    var identify=JSON.parse(localStorage.info);
    var identify2=JSON.parse(localStorage.info2);
    //for()
    document.getElementsByClassName("people-information")[c].innerHTML =identify2+"被杀死，他的真实身份是"+identify;
    document.getElementsByClassName("killer-1")[c].style.backgroundColor="rgb(128,128,128)";
    console.log(identify2);
    }
    z=JSON.parse(localStorage.many);
    console.log(z);
if(z>1){
    clone2 = document.getElementsByClassName("main-inner")[c].cloneNode(true);
    document.getElementById("main-all").appendChild(clone2);
}
}
document.getElementById("button3").onclick=function(){
    window.location.href="daily.html";
}
document.getElementById("button2").onclick=function(){
    
      var r =confirm("是否结束游戏");  
      if(r == true){
         
        localStorage.clear();
        window.location.href="proportion.html";
      }
      else{
          return false;
      }                                                                
}

JS任务4一些思路问题

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var a = $(this).children(".B-font").text();

     if(y){
      //点击显示出刀改变背景颜色
      $(".B-font").css("background-color","red")
     $(".img-sharp").show("");
    
     } else{
       alert("杀手不能自杀");
    }

有限状态机如何实现流程

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var stage = new StateMachine({
    init: "step1",
    transitions: [
        {name: "kill", from: "step1", to: "step2"},
        {name: "ghost", from: "step2", to: "step3"},
        {name: "speak", from: "step3", to: "step4"},
        {name: "vote", from: "step4", to: "step1"}
    ],

    methods: {
        onKill: function () {
            $(".behavior").eq(0).addClass("over");
        },
        onGhost: function () {
            $(".behavior").eq(1).addClass("over");
        },
        onSpeak: function () {
            $(".behavior").eq(2).addClass("over");
        },
        onVote: function () {
            $(".behavior").eq(3).addClass("over");
        }
    }

});

$("#killer").click(function () {
    stage.onKill();
    window.location.href = "../js-2-6/js-2-6.html";
});

$("#ghost").click(function () {
    stage.onGhost();
    alert("亡灵发表遗言");
});

$("#player").click(function () {
    stage.onSpeak();
    alert("玩家依次发言");
});

$("#diary").click(function () {
    stage.onVote();
    window.location.href = "../js-2-4/js-2-4.html";
});

闭包到底如何触发

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

问题已解决

如何保存杀人状态

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr = localStorage.getItem("newArr").split(",");//获取排序数组

如何动态根据玩家人数在法官日志里创建相应的格子

0

1

Jquery操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

没有不知到