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()"/>

该问题已被官方收录

js的数据本地存储

3

2

本地储存

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

游戏天数数据清零

1

2

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

在任务二的时候，要怎么去把进行身份的打乱然后发配到每一个牌当中

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-3.css">
    <script type="text/javascritp" defer="defer" src="./js2-3.js"></script>
</head>
<body>
    <header>
        <a onclick="window.location='./../js2-2/js2-2.html'" class="return"></a>
        <h4>查看身份</h4>
        <a href="/js2-1/js2-1.html" class="close"></a>
    </header>
    <main>
        <div class="box1">
            <span id="time">1</span>
            <div id="img"></div>
            <p class="identity">平民</p>
        </div>
    </main>
    <footer>
        <span onclick="chan()" id="examine">查看1号身份</span>
    </footer>
    <script src="./js2-3.js"></script>
</body>
</html>
var s = document.getElementsByClassName('box1')[0];
var flag = 1;
var number = 2
console.log(flag);

function chan() {
    if (flag === 1) {
        s.style.display = 'none';
        flag = flag + 1;
        console.log(flag);
    } else if (flag === 2) {
        s.style.display = '';
        flag = 1;
    }
}

// 读取上个页面存贮的数字
var killer = parseInt(localStorage.killer);
var people = parseInt(localStorage.people);
console.log(localStorage.killer)
console.log(localStorage.people);

// 声明空数组
var array = [];
for (var y = 0; y < people; y++) {
    array.push(localStorage.people);
}
for (var x = 0; x < killer; x++) {
    array.push(localStorage.killer);
}
// 在把空数组引用进来，进行重新排序
function dl() {
    for (var i = array.length - 1; i >= 0; i--) {
        var number = Math.floor(Math.random() * (i + 1))
        var temp = array[i];
        array[i] = array[number];
        array[number] = temp;
    }
}
dl();
console.log(array)
var opp = 1;
var time = document.getElementById('time');
var chakan = document.getElementById('examine')
var img = document.getElementById('img')
var identity = document.getElementsByClassName('identity')[0]
var a = 1;

function chan() {
    if (array[a - 1] === localStorage.people) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '平民'
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.width = '100%';
        img.style.background = "url(../img/平民.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        identity.style.display = 'inline-block';
        console.log(opp)
    }
    
    else if (array[a - 1] === localStorage.killer) {
        if (a % 2 === 0) {
            opp += 1;
        }
        a++;
        time.innerHTML = opp
        identity.innerHTML = '杀手'
        img.style.width = '100%';
        chakan.innerHTML = '隐藏并传递给'+(a-1)+'号'
        img.style.background = "url(../img/杀手.png)  no-repeat 51.347% 39.181%";
        img.style.backgroundColor = '#FFEDC5';
        img.style.zoom = '.8';
        img.style.border= 'radius: 50%';
        identity.style.display = 'inline-block';

    }
    else if(opp<array.length){
        if (a % 2 === 0) {
            opp += 1;
        }
        a++
        time.innerHTML = opp
        img.style.background = "url(../img/椭圆 2.png)  no-repeat 51.347% 39.181%";
    }
     else {
        location.href = "./../js3法官日记页面/js3-2.html"
        console.log('打断掉')
    }
}

该问题已被官方收录

杀人和投票在一个页面完成

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

footLink.onclick = function () {
  var death = getDeath();
  switch (true) {
    case death == -1:
      alert('未选定玩家');
      break;
    case page == 0 && player[death] == 0:
      // 杀人页面不能选定杀手
      alert('你是杀手不能杀死本职业，请选择其他玩家');
      break;
    case Array.isArray(playerState[death]):
      alert('当前玩家已死亡，请选择其他玩家');
      break;
    default:
      setDeath(death);
      // 跳转到法官台本 或者结束游戏
      if (liveKiller >= livePerson || liveKiller === 0) {
        window.location.href = 'result.html';
      } else {
        daynum += page == 1 ? 1 : 0;
        sessionStorage.setItem('daynum',daynum);
        window.location.href = 'everyday.html';
      }
  }
}

该问题已被官方收录

js如何设置默认的玩家？

1

1

js随机数节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var num=document.getElementById("num");

该问题已被官方收录

如何设定不能多次点击设置？

2

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

//跳转到玩家配比页面
function player() {
    window.location.href="../html/player-ratio.html";
}

var inputNumber = document.getElementById("input-num");
var rangeNumber = document.getElementById("range-num");

//玩家人数输入框与滚动条同步
function getName() {
    if(inputNumber.value >= 4&&inputNumber.value<=18) {
        rangeNumber.value = inputNumber.value;
    }
    else if(inputNumber.value < 4) {
        inputNumber.value = 4;
        alert("玩家人数过少");
    }else {
        inputNumber.value = 18;
        alert("玩家人数过多");
    }
}
//滚动条改变玩家人数
function change() {
    inputNumber.value = rangeNumber.value;
}
//减号按钮与滚动条同步
function left_btn() {
    rangeNumber.value--;
    if(inputNumber.value<=4) {
        alert("人数不足，叫上你的小伙伴一起来玩吧！");
    }
    else {
        inputNumber.value=rangeNumber.value;
    }
}
//加号按钮与滚动条同步
function right_btn() {
    rangeNumber.value++;
    if(inputNumber.value>=18) {
        alert("哎呀！人数过多,请分组玩吧!")
    }
    else {
        inputNumber.value=rangeNumber.value;
    }
}
//生成div内的玩家数
function addPlayer() {
    var ratioAll = document.getElementById("ratio");
    var kill = document.getElementsByClassName("killerCss");
    var citizen = document.getElementsByClassName("peopleCss");
    for(var y = 0; y < kill.length; x++) {
        ratioAll.removeChild(kill[y]);
    }
    for(var y = 0; y < citizen.length; x++) {
        ratioAll.removeChild(citizen[y]);
    }
    var x = inputNumber.value;
    var people;
    var killer;   
    if(x >= 4 && x <=5) {
        killer = 1;
        people = x - 1;
    }else if(x >=6 && x <= 8) {
        killer = 2;
        people = x -2;
    }else if(x >= 9 && x <= 11) {
        killer = 3;
        people = x -3;
    }else if(x >=12 && x <=15) {
        killer = 4;
        people =x - 4;
    }else {
        killer = 5;
        people = x - 5;
    } 
   
    var allArr = [];
    for(var y = 0; y < killer; y++) {
        // allArr.push(0);
        allArr.push("杀手");
    }
    
    for(var y = 0; y < people; y++) {
        // allArr.push(2);
        allArr.push("平民"); 
    }
    console.log(allArr)
   
      
    for(var y = 0; y < allArr.length; y++) {
        if(allArr[y] == "杀手") {
        var para = document.createElement("span");
        para.classList.add("killerCss");  
        para.innerHTML = "杀    手  1  人"
        var element = document.getElementById("ratio");
        element.appendChild(para); 
    
        }else {
        var para = document.createElement("span");
        para.classList.add("peopleCss");      
        para.innerHTML = "平    民  1  人"
        var element = document.getElementById("ratio");
        element.appendChild(para);
        }
    }
}

该问题已被官方收录

如果我的页面有好几个音频的时候，如何通过点击其中一个，让其他的音频都重新开始播放

0

1

事件变量函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

letscheck(index) {
        console.log(index);
        var play = document.getElementsByTagName('audio');
        if (play[index].paused) {
          play[index].play();
          this.ruleForm.content[index].flag = true;
          console.log(this.ruleForm.content[index].flag);
        } else {
          play[index].pause();
          this.ruleForm.content[index].flag = false;
        }
      },

该问题已被官方收录

输入玩家为非数字后，杀手和平民显示NAN

2

1

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 () {
    gain(this.value);// 获取当前对象输入的值
}
// 把获取的值赋给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 = "";
    }
}
gain(quantity.value);//自运行



quantity.addEventListener('input',function(){
    var x=/\D/g;//定义正则，非数字规则
    this.value=this.value.replace(x,"");// 符合正则规则替换为空值
    if (value="") {
        Killer.value = "";
        civilian.value = "";
    }
})

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

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

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

}


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

        //13为回车键的编码
    if (code === 13) {   
          
        //当按下回车后执行如下代码
        var count = document.getElementById("content").value;
        
        // 按下回车后判断条件符合弹出提示窗口,否则进入下一个页面
        if (count < 4 || count > 18) {
            confirm("请输入正确的玩家数量。");
        } else {
            location.href = "start.html";
        }
    }
}

去第页

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