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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

用class 属性获取的DOM 不能触发事件

3

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="slider">
          <div class="minus"></div>
          <input type="range" name="range" id="range" value="8" step="1" min="4" max="18">
          <div id="plus" class="plus"></div>
        </div>


minus = document.getElementsByClassName('minus'),
  plus = document.getElementById('plus');

该问题已被官方收录

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

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

节点操作变量

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

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

该问题已被官方收录

如何实现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到数组
        }
    }
}

该问题已被官方收录

人数输入后，人数自动显示变化

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var btn = document.getElementById('btn-back');//上一步
var begin = document.getElementById('begin');//发牌
var num = document.getElementById('num');//玩家总人数
var set = document.getElementById('btn-num');//设置
var num_man = document.getElementById('num-man'); //平民数量
var num_killer = document.getElementById('num-killer'); //杀手数量
var osliderBlock = document.getElementById("range");//滑块的值
var reduce = document.getElementById('btn-reduce');//减少
var add = document.getElementById('btn-add');//增加
var player = [];//玩家人数


//平民杀手人数
//1杀手
function num_player1 (){
    num_man.innerHTML = num.value - 1;
    num_killer.innerHTML = 1;
    player.length = num.value;
    for (i=0; i<player.length-1; i++){
        player[i] = '平民';
    }
    player[player.length-1] = '杀手';
}
//2杀手
function num_player2 (){
    num_man.innerHTML = num.value - 2;
    num_killer.innerHTML = 2;
    player.length = num.value;
    for (i=0; i<player.length-2; i++){
        player[i] = '平民';
    }
    for (j=player.length-2; j<player.length; j++){
        player[j] = '杀手';
    }
}
省略....

//配比平民杀手
//配比判断
function change() {
    if (4<=num.value && num.value<=5){
        num_player1();
    } else if (6<=num.value && num.value<=8){
        num_player2();
    } else if (9<=num.value && num.value<=13){
        num_player3();
    } else if (14<=num.value && num.value<=15){
        num_player4();
    } else if (16<=num.value && num.value<=18){
        num_player5();
    }
}
//配比匹配
function on_change() {
    if (num.value >= 4 && num.value <= 18) {//设置方框里面玩家人数范围
        osliderBlock.value=num.value;//将玩家总人数赋值给滑块的值，实现动态变化
    } else {
        alert("请输入正确的人数4~18");
        num.value=8;
        osliderBlock.value=8;
        num_player2();
        //人数超出范围的话，弹出警告框，并且将方框和滑块的值重置为8
    }
}

该问题已被官方收录

js如何设置默认的玩家？

1

1

节点操作 js随机数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

使用localStorage传递数组到第二个页面怎么恢复成正常的数组？

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如上

该问题已被官方收录

输入框可以使用键盘事件吗？如果可以的话，如何使用？如果不可以，为什么不能使用？

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var e = event || window.event || arguments.callee.caller.arguments[0];
              if(e && e.keyCode==27){  
                  
                };
              if(e && e.keyCode==113){  
                   
                };            
              if(e && e.keyCode==13){ 
                  
            };

去第页

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