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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

任务二怎么设置滑动条?

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"> 文本

该问题已被官方收录

关于杀人游戏的逻辑问题

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

该问题已被官方收录

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

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"> 代码

//获取幽灵与平民的数组
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);

该问题已被官方收录

洗牌方法使用时的问题

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>

该问题已被官方收录

输入框如何与滑动条相互关联

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

如何使滑轨左右轨颜色不同？

1

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; /*清除系统默认样式*/
    height: 22px; /*拖动块高度*/
    width: 34px; /*拖动块宽度*/
    background: #fff url("image/rangeimg.png") no-repeat 9px;
    background-size: 40% 50%;
    /*background: url("");*/
    /*background: #fff; !*拖动块背景*!*/
    border-radius: 5px; /*外观设置为圆形*/
    border: solid 2px #fab344; /*设置边框*/
}

.rolerange input[type="range"] {
    /*margin-top: 8px;*/
    outline: none;
    -webkit-appearance: none; /*清除系统默认样式*/
    width: 68% !important;
    background: -webkit-linear-gradient(#fcc671, #fcc671) no-repeat, #ffe6be;
    background-size: 50% 100%; /*设置左右宽度比例*/
    height: 3px;
    /*color: #ffa600;*/
}

去第页

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