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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

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

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"> 代码

第三方插件的代码就不贴了吧

该问题已被官方收录

数据绑定，不能及时生效

0

1

angular model angular view

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<td >{{statusMsg}}</td>

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
        }else {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);

        }
    }

};

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4){
        if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){
            console.log("xhr存储图片请求成功");
            $scope.$apply(function () {
                $scope.statusMsg="成功";
                console.log($scope.statusMsg);
            });

        }else {
            $scope.$apply(function () {
                $scope.statusMsg="失败";
                document.getElementById("progressNumber").style.background="red";
                document.getElementById("progressNumber").style.width= "50%";
                console.log($scope.statusMsg);
            });

        }
    }

};

该问题已被官方收录

如何通过本地缓存传递到新页面后变成数组

1

1

本地储存

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.setItem("killercivilian",empty);  // 保存杀手平民人数保存在killercivilian中
   console.log(empty);

该问题已被官方收录

2

1

节点操作

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

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

该问题已被官方收录

多次点击设置时会产生多余

1

1

函数

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name ="viewport" content ="width=device-width,initial-scale=1.0">
    <title>杀人游戏</title>
    <link href="proportion.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header>
    <a class="back"></a>
    <h2>参数设置</h2>
    <a class="circled-help"></a>
</header>
<main>
    <div class="box-top">
    <h3 class="bor-r">玩家配比</h3>
        <div class="bg-fff">
                <ul id="player" class="player">
                    
                </ul>
        </div>
        <button class="cl-blue" onclick="Playermix()" id="btm-set">
            点击设置
        </button>
    </div>
    <div class="box-container">
        <input class="input-top" type="text" placeholder="水民词组">
        <input class="input-button" type="text" placeholder="杀手词组">
    </div>
    <div class="box-bottom">
        <div class="box-bottom-player">
            玩家人数
            <input id="PlayerNumber" class="box-bottom-people" type="text" value="4" onchange="playernumber()">
            人
        </div>
        <div class="box-bottom-input">
            <input class="bottom-input-minus" type="button" onclick="btmmin()">
            <input class="bottom-input-slider" type="range" id="RangeNumber" value="4" min="4" max="18" step="1" onchange="rangenumber()">
            <input class="bottom-input-add" type="button" onclick="btmadd()">
        </div>
    </div>
</main>
<footer>
    <button class="footer-button-start" onclick="Start()">去发牌</button>
</footer>
<script src="task-2.js"></script>
</body>
</html>

var playerNumber = document.getElementById("PlayerNumber");
var rangeNumber = document.getElementById("RangeNumber");
//关联rangeNumber和playerNumber两个input
function playernumber() {
    if (playerNumber.value >=4 && playerNumber.value <=18) {
        rangeNumber.value = playerNumber.value;
    }
    else {
        alert("玩家数应在4-18人");
    }
}
function rangenumber() {
    playerNumber.value = rangeNumber.value;
}
//关联加号和减号按钮
function btmadd() {
    rangeNumber.value++;
    if (playerNumber.value >= 18) {
         alert("玩家人数必须小于等于18");
     }
     else {
        playerNumber.value = rangeNumber.value;
     }
}
function btmmin() {
    rangeNumber.value--;
    if (playerNumber.value <= 4) {
        alert("玩家人数必须大于等于4");
    }
    else {
        playerNumber.value = rangeNumber.value;
    }
}
//设置玩家配比
function Playermix() {
    //玩家人数
    var people = playerNumber.value;
    //杀手
    var killerNumber = Math.floor(people / 4);
    //平民
    var civilianNumber = people - killerNumber;
    if (people < 4 || people > 18) {
        alert("玩家人数不能小于4大于18");
    }
    else {
        //增加杀手
        for (var i = 0; i < killerNumber; i++) {
            var element = document.getElementById("player");
            var Killer = document.createElement("li");
            var Square = document.createElement("span");
            var node = document.createTextNode("杀手1人");
            element.appendChild(Killer);
            Killer.appendChild(Square);
            Killer.appendChild(node);
            Killer.className = 'killer';
            //console.log(i)
            //console.log(killerNumber)
        }
        //增加平民
        for (var o = 0; o < civilianNumber; o++) {
            var element = document.getElementById("player");
            var Civilian = document.createElement("li");
            var Square = document.createElement("span");
            var node = document.createTextNode("平民1人");
            element.appendChild(Civilian);
            Civilian.appendChild(Square);
            Civilian.appendChild(node);
            Civilian.className = 'civilian';
            //console.log(o)
            //console.log(civilianNumber)
        }
    }
}

该问题已被官方收录

小程序如何遍历数组

0

1

小程序语言基础

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<view class="">
  <view class="arr" wx:for="{{array}}"> 
      {{item.name}}
      <picker class='picker' bindchange="{{item.fun}}" value="{{array[index].index1}}" range='{{item.option}}' range-key="name" >
        <view >
          {{item.option[array[index].index1].name}}
        </view>
      </picker>  
  </view>
  <button class='weui_btn btn' type='primary' bindtap='result'>选好了，点击查看</button>
</view>

该问题已被官方收录

输入玩家为非数字后，杀手和平民显示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";
        }
    }
}

该问题已被官方收录

引入时间插件时报错

0

1

FormData

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

.directive("endTime", function() {
    return {
      restrict: "AE",
      template:
        '<input type="text" id="endTime" class="form-control" ng-model="endAt"  placeholder="年/月/日">',
      link: function(scope) {
        $("#endTime")
          .datetimepicker({
            format: "yyyy-mm-dd",
            weekStart: 1,
            autoclose: true,
            todayHighlight: true,
            startView: 2,
            minView: 2,
            forceParse: false,
            endDate: new Date(),
            todayBtn: "linked",
            language: "zh-CN"
          })
          .on("changeDate", function(ev) {
            var timeEnd = ev.date;
            // console.log(timeEnd);
            $("#beginTime").datetimepicker("setEndDate", timeEnd);
          });
      }
    };
  })

该问题已被官方收录

onchange不能实现输入框和滑动条数值随时同步

1

1

事件

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

此为输入框input
 <input type="text" class="player-num" id="player" max="18" min="6" value="12" onchange="on_change()">
此为滑动条input
<input type="range" class="slider-block" id="slider" min="6" max="18" step="1" value="12" onchange="moveChange()">

去第页

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