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

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

任务二怎么设置滑动条?

4

4

节点操作

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

滑动条滚动如何与input里输入的值实现联动

3

3

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <input type="button" name="button" value="获取" onclick="get()"/>

该问题已被官方收录

游戏天数数据清零

1

2

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  <ul>
            <li>杀手杀人</li>
            <li>亡灵发表遗言</li>
            <li>玩家依次发言</li>
            <li>全民投票</li>
        </ul>

该问题已被官方收录

js的数据本地存储

3

2

本地储存

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

如何使用洗牌算法

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);

该问题已被官方收录

把杀手和平民转换为数组打乱，控制台打印出来的不会重置

2

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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


//获取输入玩家input节点
var quantity = document.getElementById("content");
// 获取杀手input节点
var Killer = document.getElementById("Killer");
// 获取平民input节点
var civilian = document.getElementById("civilian");


// 利用oninput输入事件触发玩家input属性
quantity.oninput = function () {
    var x=/\D/g;//定义正则，非数字规则
    this.value=this.value.replace(x,"");// 符合正则规则替换为空值
    gain(this.value);// 获取当前对象输入的值
}

var 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{
       

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

var array=arr;//访问全局变量arr

// // 点击button按钮判断条件
function button() {

    // 获取输入玩家input的value的值
    var count = document.getElementById("content").value;

    // 判断条件符合弹出提示窗口,否则进入下一个页面
    if (count < 4 || count > 18) {
        confirm("请输入正确的玩家数量。");
    } else {

        // 洗牌算法
        if(array){
            for (var i = array.length - 1; i > 0; i--) {
            // 打乱数组的玩家
            var j = Math.floor(Math.random() * (i + 1));
            var temp = array[i];
            array[i] = array[j];
            array[j] = temp;    
        }

      
        console.log(array);
        }  
        // location.href = "check.html";//进入下一个页面
    }
    return false;//冒泡事件
}


// 键盘事件，onkeydown事件当用户按下按键触发
document.onkeydown = function (a) {//a是按键信息对象以函数参数的形式传递进来
   
     //取出按键信息中的按键代码(大部分浏览器通过keyCode属性获取按键代码，但少部分浏览器使用的却是charCode
    var code = a.charCode || a.keyCode;  

        //13为回车键的编码
    if (code === 13) {   
        button();//调用button函数
    }
}

该问题已被官方收录

在任务二的时候，在页面的人数输入完成然后分配下去以后，跳转到下个页面如何去识别

1

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>
                <p id="killer">杀手<span></span>人</p>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <p id="people">平民<span></span>人</p>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder="" maxlength="2">
            <span>玩家数量为4-18</span>                     
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</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;
}
// 获取inout的值
var G = document.getElementById('value');

function huoqu() {
    if (G.value < 4 || G.value > 18) {
        alert("请输入正确的玩家数量");
    } else {
        console.log(1);
        location.href = "./../js2-3/js2-3.html"
    }
}
// 获取杀手玩家DOM
var K = document.getElementById("killer");
var P = document.getElementById("people");

// 实时监听输入的值
G.oninput = function () {
    console.log(G)

    var killerNumber;
    var peopleNumber;

    // 分配杀人平民人数
    if (G.value < 4 || G.value > 18) {
        K.innerHTML = '杀手人'
        P.innerHTML = '平民人'
    } else if (G.value == 15 || G.value == 18) {
        killerNumber = Math.floor(G.value / 3 - 1)
        peopleNumber = G.value - killerNumber;

        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'

    } else if (G.value > 4 || G.value < 18) {
        killerNumber = Math.floor(G.value / 3)
        peopleNumber = G.value - killerNumber;
        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'
    }

}
// 禁止输入汉字
G.onkeyup = function () {
    if (!/^\d+$/.test(this.value)) {
        alert('禁止输入汉字');
        this.value = '';
    }
}
// 只能输入数字
G.onkeyup = function () {
    if (/[^\d]/g.test(this.value)) {
        alert('只能整数');
        this.value = '';
    }
}

该问题已被官方收录

洗牌方法使用时的问题

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>demo"flex"</title>
    <link rel="stylesheet" type="text/css" href="试验.css" />

</head>

<body>
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <div class="box">4</div>
    <div class="box">5</div>
    <div class="box">6</div>
    <div class="box">7</div>
    <div class="box">8</div>
    <div class="box">9</div>

    <button onclick="shuffle()" id="start">开始闪</button>
    <button id="over">结束闪</button>
    <script>
        // console.log(a.length)
       function shuffle() {
            var a = document.getElementsByClassName("box");
            var b = [];
            while (a.length) {
                var index = Math.floor((Math.random() * a.length));
                b.push(a[index]);
                a.splice(index, 1);
            }
            return b;
        }
        console.log(shuffle())
        
    </script>

</body>

</html>

该问题已被官方收录

要怎么才能判断数字的奇偶性？

0

1

事件控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(var i = 0; i < day_1; i++){
    $('.p-killerdeath').eq(i).append( who[i].numb + '被杀死，他的真实身份是' + who[i].who);
    
};
//投票杀人以后，按数量添加号码
var vote = sessionStorage.getItem('vote');
for(var i = 0; i < vote; i++){
    $('.p-killerdeath-second').eq(i).append( who[i+1].numb + '被杀死，他的真实身份是' + who[i+1].who);
}

该问题已被官方收录

如果按照杀人游戏3.0版本的人数分配有没有更方便的方法？

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function judgeNumber() {
    if (impotContent > 4 && impotContent < 21) {
        sharpShootNumber = "1";
        doctorNumber = "1";
    }

    switch (impotContent) {
        case 5:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "1";
            break;
        case 6:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "2";
            break;
        case 7:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "3";
            break;
        case 8:
            killerNumber = "1";
            policeNumber = "1";
            roturierNumber = "4";
            break;
        case 9:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "4";
            break;
        case 10:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "5";
            break;
        case 11:
            killerNumber = "2";
            policeNumber = "1";
            roturierNumber = "6";
            break;
        case 12:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "5";
            break;
        case 13:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "6";
            break;
        case 14:
            killerNumber = "3";
            policeNumber = "2";
            roturierNumber = "7";
            break;
        case 15:
            killerNumber = "4";
            policeNumber = "3";
            roturierNumber = "6";
            break;
        case 16:
            killerNumber = "4";
            policeNumber = "3";
            roturierNumber = "7";
            break;
        case 17:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "6";
            break;
        case 18:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "7";
            break;
        case 19:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "8";
            break;
        case 20:
            killerNumber = "5";
            policeNumber = "4";
            roturierNumber = "9";
            break;
    } /*  */
} /* 输入的人数判断、分配人数 */

去第页

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

loading