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 playersArray = JSON.parse(sessionStorage.getItem("playersArray"));
console.log(playersArray);
//获取玩家数量
var players = sessionStorage.getItem("players");
//提取存活的平民
var civilian = sessionStorage.getItem("civilian");
console.log(civilian);
//选择的玩家
var choosePlayer;
//获取克隆的节点
var sourceNode = document.getElementById('players1');
//提取死掉的玩家号码数组
if (sessionStorage.getItem("dieNumber")) {
    var dieNumber = JSON.parse(sessionStorage.getItem("dieNumber"));
} else {
    var dieNumber = [];
}    
console.log(dieNumber);
//提取死亡数组
if (sessionStorage.getItem("killDead")) {
    var killDead = JSON.parse(sessionStorage.getItem("killDead"));
} else {
    var killDead = [];
}
window.onload = function () {
    //console.log(sourceNode);
    //获取玩家名字节点
    var name = document.getElementsByClassName("name");
    //获取玩家数字节点
    var number = document.getElementsByClassName('number');
    var a = 0;
    var q = document.getElementsByClassName("player"); //获取游戏盒子节点
    // console.log(playersArray.length);
    for (let i = 2; i < playersArray.length + 1; i++) {
        var cloneNode = sourceNode.cloneNode(true);
        cloneNode.setAttribute("id", "players" + i); // 修改一下id 值，避免id 重复 
        sourceNode.parentNode.appendChild(cloneNode);
    }
    for (let i = 0; i < playersArray.length; i++) {
        if (playersArray[a] == 0) {
            name[i].innerHTML = "平民";
            a++;
        } else if (playersArray[a] == 1) { //判断杀手修改玩家名字
            name[i].innerHTML = "杀手";
            a++;
        }
        number[i].innerHTML = i + 1 + "号"; //修改玩家号码
        q[i].index = i; //这里index相当于形参
        q[i].onclick = function () { //玩家盒子点击事件
            for (let i = 0; i < q.length; i++) {
                q[i].getElementsByTagName("i")[0].style.display = "none"; //每次点击时所有的匕首隐藏
            }
            choosePlayer = q[i].index; //获取被选择的玩家
            console.log(choosePlayer);
            q[i].getElementsByTagName("i")[0].style.display = "inline-block"; //被点击的盒子显示匕首
            // console.log(q[i]);
        }
    }
    for (var i = 0; i < dieNumber.length; i++) {
        name[dieNumber[i] - 1].style.background = "red";
    }
    //获取确定按钮的节点
    var button = document.getElementsByTagName("button")[0];
    button.onclick = function () {
        if (choosePlayer == undefined) {
            alert("请选择要杀死的平民");
        }else if(name[choosePlayer].style.background == "red"){
            alert("不能杀已死亡的玩家");
        } else if (playersArray[choosePlayer] == 1) {
            alert("杀手不能杀死自己");
        } else {
            // //被杀死的平民定义死亡
            // playerLife[choosePlayer] = "死亡";
            //存储存活平民的数量
            civilian = civilian - 1;
            sessionStorage.setItem("civilian", civilian);
            //存储被杀死的平民信息
            var temp = (choosePlayer + 1) + "号被杀死,真实身份是平民";
            killDead.push(temp);
            sessionStorage.setItem("killDead", JSON.stringify(killDead));
            //存储被杀的平民号码
            dieNumber.push(choosePlayer + 1);
            sessionStorage.setItem("dieNumber", JSON.stringify(dieNumber));
            //记录步骤数
            var step = 1;
            sessionStorage.setItem("step", step);
            //跳转法官台本
            location.href = ('./../法官台本/法官台本.html');
        }
    }
}
var close = document.getElementsByTagName("div")[0];
close.onclick = function () {
    if (confirm("确定退出游戏么？")) {
        sessionStorage.clear();
        location.href = ("./../捉鬼猜词/捉鬼猜词.html");
    }
}

该问题已被官方收录

在杀手杀人事件，没有杀人的时候显示没有操作，如果使用if条件要怎么做

0

1

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if (murderOrVote == 'murder'){
    if  (JSON.parse(sessionStorage.getItem('afKillPush'))){
    playerStatus = JSON.parse(sessionStorage.getItem('playerStatusAfCli'))
    ;
    arrOfkilled = JSON.parse(sessionStorage.getItem('afKillPush'))
    ;
    arrOfVoted = JSON.parse(sessionStorage.getItem('afVotePush'))
    ;
    noneOp = JSON.parse(sessionStorage.getItem('noneOper'))
    ;
    if (sessionStorage.getItem('civilNum')){
            civilNum = sessionStorage.getItem('civilNum');
    }
    if (sessionStorage.getItem('killerNum')){
            killerNum = sessionStorage.getItem('killerNum');
    }
    for (i = 0 ; i < arrOfVoted.length ; i++){
            $(playerId[arrOfVoted[i]]).css('background-color','#83b09a')
            ;
            $(playerNum[arrOfVoted[i]]).css('width','78px')
            ;
        }
    }
    for (i = 0 ; i < arrOfkilled.length ; i++){
        $(playerId[arrOfkilled[i]]).css('background-color','#83b09a')
        ;
        $(playerNum[arrOfkilled[i]]).css('width','78px')
        ;
    }
confirmBtn.click(function() {
    if (selected === 1) {
        if (playerStatus[index].status == 'killed'){
            confirm('不能鞭尸')
        }
    else if (playerStatus[index].role == '杀手'){
        confirm('自己人')
    }
    else /*if (selected === 1) */{
            let kill = confirm("确定要杀掉他吗？");
            if (kill === true){
                civilNum--;
                arrOfkilled.push(index);
                if (civilNum < 1){
                    alert('杀手胜利');
                    window.location.href = '../gameOver/gameOver.html';

                }
                else if (killerNum < 1){
                    alert('水民胜利');
                    window.location.href = '../gameOver/gameOver.html';
                }
                else {
                playerStatus[index].status = 'killed';
                window.location.href = "../firstDay/firstDay.html";
                }
                sessionStorage.setItem('afKillPush',JSON.stringify(arrOfkilled));
            }}}
    else if (selected === 0 ){
        alert('请选择要操作的玩家')
    }
    sessionStorage.setItem('civilNum',civilNum);
    sessionStorage.setItem('playerStatusAfCli',JSON.stringify(playerStatus));
});}

该问题已被官方收录

onchange不能实现输入框和滑动条数值随时同步

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

此为输入框input
 <input type="text" class="player-num" id="player" max="18" min="6" value="12" onchange="on_change()">
此为滑动条input
<input type="range" class="slider-block" id="slider" min="6" max="18" step="1" value="12" onchange="moveChange()">

该问题已被官方收录

如何实现input栏位的实时更新

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var arr;//声明一个全局变量arr，让button的函数访问到arr变量

// 把获取的值赋给Killer和civilian两个input
function gain(value) {
    Killer.value = Math.round(value - (value / 2 + value / 6 + value / 24.1));
    civilian.value = Math.round(value / 2 + value / 6 + value / 24.1);

    // 当玩家值小于4或大于18赋给Killer和civilian值为空
    if (value< 4 || value > 18) {
        Killer.value = "";
        civilian.value = "";
    }else{
        arr=[];//arr定义为空数组，每次执行完函数重置arr为空

    // 当玩家值小于4或大于18把Killer和civilian以组数形式输出
        for (let i=0;i<Killer.value;i++){
            arr.push("杀手");//输出杀手的数量push到数组
        }
        for (let i=0;i<civilian.value;i++){
            arr.push("平民");//输出平民的数量push到数组
        }
    }
}

该问题已被官方收录

在JS的任务二里面，如何去设置以下，监听，就是根据输入的玩家数量来分配角色数量

2

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>Document</title>
    <link rel="stylesheet" type="text/css" href="./js2-2.css">
   
</head>

<body>

    <!-- 头部部分  -->
    <header>
        <a href="./../js2-1/js2-1.html" class="return"></a>
    </header>
    <main>
        <!-- 玩家配比部分 -->
        <h2>玩家配比</h2>
        <!-- 几个人数 -->
        <div class="number">
            <Div class="box1">
                <Div class="werwolf">
                </Div>
                <span>杀手2人</span>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <span>平民2人</span>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder=""/>
            <span>玩家数量为4-18</span>
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</html>
上面的是HTML部分
/* 全局字体样式设置 */
html{
    font-size: 62.5%;
}

body{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    background-color: #F0F0F0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
header{
    display: flex;
    align-items: center;
    background-color: #29BDE0;
    width: 100%;
    height: 4.25rem;
}
.return{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid white;
    border-right: 0;
    border-bottom: 0;
    margin-left: 5%;
    transform: rotate(-45deg);
}
main h2{
    height: 3.3rem;
    width: 90%;
    margin: auto;
    margin-top: .4rem;
    text-align: center;
    line-height: 3.1rem;
    background-color: white;
    box-shadow: 0px 3px 13px #888888;
}
.number{
    width: 90%;
    background-color: white;
    height: 30rem;
    margin: auto;
    margin-top: .5rem;
    box-shadow: 0px 3px 13px #888888;

}
.box1{
    display: inline-flex;
    align-items: center;  
    width: 40%;
    margin-left: 2rem;
    margin-top: 1rem;
}
.box2{
    display: inline-flex;
    align-items: center;
     width:41%;
}
.werwolf{
    display: inline-block;
	width: 40px;
    height: 36px;
    border-radius: 50%;
    background: url(./css_sprites.png) no-repeat 90% 19.608%;
}
.civilian{
    display: inline-block;
    width: 60px;
	height: 51px;;
    background: url(./css_sprites.png) no-repeat 12.5% 50%;
    border-radius: 50%;
    zoom: .7;
}
input{
    width: 16px;
    background-color: #F0F0F0;
    border: 0;
    margin-left: 10px;
    text-align: center;
    color: orange;
}
.quantity{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: .5rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0px 3px 13px #888888;
}
input+span{
    display: inline-block;
    font-size: 12px;
    margin-left: 11px;
    color: orange;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4rem;
    background-color: #FAB344;
    margin-left: 5%;
    margin-top: 4rem;
    margin-bottom: 2.9rem;
    border: 0;
    outline: none;
     color: white;
    font-size: 2rem;
}
上面的是CSS部分
// 获取inout的值
function huoqu() {
    var G = document.getElementById('value').value;
    if ( G< 4  ) {
        G = "请输入正确的玩家数量";
    }
    else if(G>18){
        G = "请输入正确的玩家数量";
    }
    else {
        location.href = "./../js2-3/js2-3.html"
    }
}

该问题已被官方收录

通过点击事件点击生成人数的按钮，是怎么出来人数分配的样式

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

玩家人数的设定

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(".set_game .col03 .num input").change(function(){
        var val=parseFloat($(".num input").val());
        var move01=(val-4)*0.90625+'rem';
        $(".set_game .col03 .middle img").css("left",move01);
        var reg=/^([4-9]|(1[0-6]))$/;
        if(reg.test(val)){
            return
        }else{
            $(".num input").val(4);
            $(".set_game .col03 .middle img").css("left",0);
            alert("请正确的输入人数")
        }
    })

该问题已被官方收录

if……else……else if……语句的内嵌

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//分配杀手和平民的数量
    function distribution(){
        getInput();
        if(players > 18 || players <4){
            killer = " ";
            civilian = " ";
            return;
        }
        if(players >= 4 && players <6){
            killer = 1;
            civilian = players - killer;
        }
        else if(players >=6 && players <9){
            killer = 2;
            civilian = players - killer;
        }
        else if(players >= 9 && players <12){
            killer = 3;
            civilian = players - killer;
        }
        else if(players >= 12 && players < 16){
            killer = 4;
            civilian = players - killer;
        }
        else{
            killer = 5;
            civilian = players - killer;
        }
    }

该问题已被官方收录

如何使用洗牌算法

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//获取幽灵与平民的数组
var sum = [];
for(var i = 0;i<slayerPeople;i++){
    sum.push("幽灵");
}
console.log(sum);
for(var u =0;u<civilian;u++){
    sum.push("平民");
}

//数组乱序
~function disorder(){
    for(var i=0;i<sum.length;i++){
        var ccc = Math.floor(Math.random()*sum.length);
        var ddd = sum[ccc];
        sum[ccc] = sum[i];
        sum[i] = ddd;
    }
}();
console.log(sum);

该问题已被官方收录

可以添加函数方法至数组中，再通过遍历调用函数吗？

0

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

switch (step) {
        case 1:
            fsm.kill();
            break;
        case 2:
            fsm.kill();
            fsm.police();
            break;
        case 3:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            break;
        case 4:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            break;
        case 5:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            break;
        case 6:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            fsm.player();
            break;
        case 7:
            fsm.kill();
            fsm.police();
            fsm.sharp();
            fsm.doctor();
            fsm.ghost();
            fsm.player();
            fsm.vote();
            break;

去第页

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