【如何设定不能多次点击设置？ _节点操作】

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

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

节点操作

详细描述

截图

代码

//跳转到玩家配比页面
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);
        }
    }
}

编辑于2024-05-03

时间排序

热门排序

[武汉|结业弟子]JS-孟晨
0

多次累加需要在点击设置的点击事件里在添加的前面加上清除框里的内容，然后想要相等时就需要添加判断了，if判断2个值如果是一致的就弹窗

查看全部>

编辑于2018-10-12
[北京|结业弟子]JS-李珅颖
0

for (var i = 0; i < 18; i++) {
if (para.childNodes[0] != undefined) {
para.removeChild(para.firstChild);
}
}
在你的下面这个代码前面添加清除上一次的内容，也就是我写的这个for循环，让其有内容的时候会先清除内容，然后再进行新一次的生成
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);
}
}
}

查看全部>

编辑于2019-08-10

去第页