IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

该问题已被官方收录

js的index属性怎么使用？

0

1

函数变量

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

如图

该问题已被官方收录

通过点击事件点击生成人数的按钮，是怎么出来人数分配的样式

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

在杀手杀人事件，没有杀人的时候显示没有操作，如果使用if条件要怎么做

0

1

控制流程语句

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if (murderOrVote == 'murder'){
    if  (JSON.parse(sessionStorage.getItem('afKillPush'))){
    playerStatus = JSON.parse(sessionStorage.getItem('playerStatusAfCli'))
    ;
    arrOfkilled = JSON.parse(sessionStorage.getItem('afKillPush'))
    ;
    arrOfVoted = JSON.parse(sessionStorage.getItem('afVotePush'))
    ;
    noneOp = JSON.parse(sessionStorage.getItem('noneOper'))
    ;
    if (sessionStorage.getItem('civilNum')){
            civilNum = sessionStorage.getItem('civilNum');
    }
    if (sessionStorage.getItem('killerNum')){
            killerNum = sessionStorage.getItem('killerNum');
    }
    for (i = 0 ; i < arrOfVoted.length ; i++){
            $(playerId[arrOfVoted[i]]).css('background-color','#83b09a')
            ;
            $(playerNum[arrOfVoted[i]]).css('width','78px')
            ;
        }
    }
    for (i = 0 ; i < arrOfkilled.length ; i++){
        $(playerId[arrOfkilled[i]]).css('background-color','#83b09a')
        ;
        $(playerNum[arrOfkilled[i]]).css('width','78px')
        ;
    }
confirmBtn.click(function() {
    if (selected === 1) {
        if (playerStatus[index].status == 'killed'){
            confirm('不能鞭尸')
        }
    else if (playerStatus[index].role == '杀手'){
        confirm('自己人')
    }
    else /*if (selected === 1) */{
            let kill = confirm("确定要杀掉他吗？");
            if (kill === true){
                civilNum--;
                arrOfkilled.push(index);
                if (civilNum < 1){
                    alert('杀手胜利');
                    window.location.href = '../gameOver/gameOver.html';

                }
                else if (killerNum < 1){
                    alert('水民胜利');
                    window.location.href = '../gameOver/gameOver.html';
                }
                else {
                playerStatus[index].status = 'killed';
                window.location.href = "../firstDay/firstDay.html";
                }
                sessionStorage.setItem('afKillPush',JSON.stringify(arrOfkilled));
            }}}
    else if (selected === 0 ){
        alert('请选择要操作的玩家')
    }
    sessionStorage.setItem('civilNum',civilNum);
    sessionStorage.setItem('playerStatusAfCli',JSON.stringify(playerStatus));
});}

点击查看身份，再点击隐藏身份，再点击查看下一个身份，而且图片和序号也对应的在变

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var num=1;
$('#circle').text(num);
$('#num').text(num);

$(document).ready(function () {
    $('#deliver').click(function () {
        $('#icon').text(player[num])
     if($('#image').attr('src')=='../img/myking.png'){
         $('#image').attr('src',"../img/headicon.png")
     }else{
         $('#image').attr('src','../img/myking.png')
     }

    })
});

如何使用div + CSS +JS 来模拟滑动条？

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

none

js等比例分配人数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

暂无

input [ type = range ]滚动条的值增减量错误。

0

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div class="adjust">
                <p class="players">玩家人数 <input type="number" id="input" value="6" title="游戏人数为4~18人"> 人 <span class="orange">游戏人数为4~18人</span></p>
                <div class="slide clearfix">
                    <button class="minus lfloat" onclick="numMinus()"></button>
                    <input type="range" id="range" class="lfloat" name="num" min="4" max="18" value="6" title="人数范围">
                    <button class="plus lfloat" onclick="numPlus()"></button>
                </div>
            </div>

var inputValue = document.getElementById("input");
var rangeValue = document.getElementById("range");
// 给滚动条绑定“减少”事件
function numMinus () {
    rangeValue.value = rangeValue.value - 1;
    inputValue.value = rangeValue.value;
    console.log('value=' + rangeValue.value);
}
// 给滚动条绑定“增加”事件
function numPlus () {
    rangeValue.value = rangeValue.value + 1;
    inputValue.value = rangeValue.value;
    console.log('value=' + rangeValue.value);
}
// 给 input 绑定事件监听，即时改变数据
inputValue.addEventListener('input',pushValue);
rangeValue.addEventListener('input',getValue);

玩家人数

0

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 // var people = player.value - killer.innerHTML;



    // let value =  player.val(); //利用jQuery来获取player总人数的value值

    // console.log(value);


    // var playerNum = player.value,
    //     killerNum = killer.innerHTML,
    //     manNum = man.innerHTML;



    //如果不在 4--18的范围内，就为空，不显示内容
    // if (player.value < 4 || player.value > 18) {
    //     killer.innerHTML = "";
    //     man.innerHTML = "";
    // }


    // 计算每次杀手和平民的人数，用math.floor向下取整，先算出每次杀手的人数
    // if (player.value == 15 || player.value == 18) {
    //     killer.innerHTML = ~~((player.value) / 3 - 1);
    //     man.innerHTML = player.value - killer.innerHTML;
    // } else if (player.value >= 4 && player.value <= 18) {
    //     killer.innerHTML = ~~((player.value) / 3);
    //     man.innerHTML = player.value - killer.innerHTML;
    // }

如何在增加人数使同步到角色安排

0

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

function getrmb(number) {
    var num1 = document.getElementById('test').value; //获取第一个输入框的值
    getrmb = number;
    if (isNaN(num1)) { //如果为非数字，结果为空
        document.getElementById('sele').value = "";
    } else { //与第一个输入框相同
        document.getElementById('sele').value = num1;
    }
}

function number() {
    var number = document.getElementById("number");
    var value = number.value;
    //如果文本值为空,设置为1
    if (value=="") {
        number.value = 1;
    }
    //如果文本值为非纯数字,设置为1
    //isNaN()是否为非法数字
    if (isNaN(value)) {
        number.value = 1;
    }
    //如果文本值小于1,设置为1
    if (parseInt(value)<=1) {
        number.value = 1;
    }
}
function subtraction(){
    //获取-号按钮
    var subtraction = document.getElementById("subtraction");
    //获取文本框
    var number = document.getElementById("number");
    if (number.value<=1) {
        //如果文本框的值小于1,则设置值为1
        number.value = 1;
    }else {
        number.value = number.value - 1;
    }
function add(){
    var add = document.getElementsByClassName("add");
    var number = document.getElementById("number");
    //parseInt() 将数值型字符串转换为数值
    number.value = parseInt(number.value) + 1;
}

设置x=0；函数内设置x=x++； x为什么一直为0，而x=++x；x自增

0

1

js基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var x = 0;
var a = 0;
function myButton1(){
    x = x++;
    a = ++a;
    console.log(x);
    console.log(a);
}