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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

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 = '';
    }
}

该问题已被官方收录

如果动态分配水民和杀手的数量

2

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function chan() {
let number =  Number($("#digital").val());
console.log(number);
if (number<5) {
    $("#kill").text("1");
    let ss =Number(number)-1;
    $("#water").text(ss);
    return 1;
}
else if (5<number<9) {
    $("#kill").text("2");
    let ss =Number(number)-2;
    $("#water").text(ss);
    return 2;
}
else if (9<number<13) {
    $("#kill").text("3");
    let ss =Number(number)-3;
    $("#water").text(ss);
    return 3;
}
else if (13<number<17) {
    $("#kill").text("4");
    let ss =Number(number)-4;
    $("#water").text(ss);
    return 4;
}
else {
    $("#kill").text("5");
    let ss =Number(number)-5;
    $("#water").text(ss);
    return 5;
}
}

该问题已被官方收录

分配角色人数失败

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var killer=document.getElementsByClassName('k_number')[0];
var people=document.getElementsByClassName('p_number');

// 分配角色
var set=document.getElementById("setting_role");
set.onclick=function () {
    var x=input_number.value;
    var y,z;
    console.log("test");
    if(x<9){
        y=1;
        z=x-y;
    }
    else if(x>=9&&x<12){
        y=2;
        z=x-y;
    }
    else if(x>=12&&x<16){
        y=3;
        z=x-y;
    }
    else if(x>=16&&x<=18){
        y=4;
        z=x-y;
    }

    killer.innerText=y;
    people.innerText=z;

该问题已被官方收录

js 如何实现分配好人和坏人

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    function y() {
            var a = document.getElementById('dome').value;
            

            if (a < 6 && a > 3) {
                arr[0] = 1;
                

            } else if (a > 5 && a < 9) {
                arr[0] = 2;
                

            } else if (a > 8 && a < 12) {
                arr[0] = 3;
                

            } else if (a > 11 && a < 15) {
                arr[0] = 4;
                

            } else if (a > 14 && a < 18) {
                arr[0] = 5;
                

            } else if (a == 18) {
                arr[0] = 6;
                

            } else {
                
                
                bad.innerText = 0;
                good.innerText = 0;
                return
                
            }
            arr[1] = a - arr[0];
            bad.innerText = arr[0];
            good.innerText = arr[1];
            
        }
        






        function qqq() {
            var a=document.getElementById('dome').value;
           if (a<4) {
            pop.style.display = 'block';
           }
           else if (a>18) {
            pop.style.display = 'block';
           }
        }

该问题已被官方收录

玩家人数的设定

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("请正确的输入人数")
        }
    })

该问题已被官方收录

2

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂时不到方向不知道该怎么写

该问题已被官方收录

如何设置一个判断语句,使玩家人数不符合要求时,禁止分配玩家

1

1

js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// window.location.href="../html/task234-peibi.html";  //不停的重复跳转
// window.open('../html/task234-peibi.html');

//玩家人数显示框
var txt2 = document.getElementsByTagName('input')[2];
//滚动条滚动数值
var txt3 = document.getElementsByTagName('input')[3];
//按钮一,递减;
var less = document.getElementsByTagName('button')[0];
//按钮二,递增;
var plus = document.getElementsByTagName('button')[1];
//文本:点击设置
var set = document.getElementById('click-set')
//给文本绑定点击事件
set.onclick = function set() {
  //杀手数量
  num1 = Math.floor(txt2.value / 3);
  //平民数量
  num2 = txt2.value - num1;
  //杀手数组
  var sha = Array(num1);
  //平民数组
  var pin = Array(num2);
  //历遍杀手数组
  for (i = 0; i < num1; i++) {
    sha[i] = "<li><img src='../images/13.png'> 杀手1人</li>";
  }
  //历遍平民数组
  for (i = 0; i < num2; i++) {
    pin[i] = "<li><img src='../images/14.png'> 平民1人</li>";
  }
  //合并杀手和平民数组
  var allplayer = sha.concat(pin);
  //玩家数组乱序输出
  for (var i=0;i<txt2.value;i++){
    var all = i + Math.floor( Math.random()*(txt2.value - i));
    var temp = allplayer[i];
    allplayer[i]=allplayer[all];
    allplayer[all] = temp;
  }
  //输出杀手和平民数组到HTML,并取消分隔符
  document.getElementsByTagName("ul")[0].innerHTML = allplayer.join("");
}
//当输入框数字修改时,滑动块也跟着改变;
txt2.onchange = function changenumber() {
  if (txt2.value <= 16 && txt2.value >= 4) {
    txt3.value = txt2.value;
  }
  else {
    alert("请保证玩家人数在4~16之间");
  }
}
//当滑动条改变时,输入框数字也跟着改变;
txt3.oninput = function changethumb() {
  txt2.value = txt3.value;
}
//右边加号按钮,点击实现递增;
plus.onclick = function() {
  if (txt3.value < 16) {
    txt3.value++;
    txt2.value = txt3.value;
  }
  else {
    alert("玩家人数已经满啦!");
  }
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  console.log(suibian);
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//左边减号按钮,点击实现递减;
less.onclick = function() {
  if (txt3.value > 4) {
    txt3.value--;
    txt2.value = txt3.value;
  }
  else {
    alert("玩家人数不能再少啦!");
  }
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//跳转至玩家配比页面
function peibi() {
  window.location.href = "../html/task234-peibi.html";
}
//跳转至上一个页面
function backto() {
  window.location.href = "../html/task234-01.html";
}
//在鼠标指针移动到元素上时触发。
txt3.onmousemove= function(){
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  console.log(suibian);
  
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//元素上发生鼠标点击时触发。
txt3.onclick = function(){
  //滑动块所在的值距最左边的长度占滑动条总长度的百分比
  var suibian = (txt2.value - 4)/12*100 + '%';
  txt3.style.backgroundSize=suibian ;//给滑动条添加属性(驼峰法)
}
//设置 "去发牌"点击事件,页面跳转至查看身份页面;
document.getElementsByTagName("button")[2].onclick = function(){
  window.location.href = "../html/task234-watch.html";
}

该问题已被官方收录

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

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动态生成HTML

1

1

函数节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<body>
    <header>
        <img src="../img/left.png">
    </header>
    <main>
        <div class="container">
        </div>
    </main>

    <footer>
        <button id="btn">继续游戏</button>
    </footer>
</body>

该问题已被官方收录

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

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('打断掉')
    }
}

去第页

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