发表于: 2020-08-12 23:41:30

1 1298


今天完成的事情:

完成了滑动条改变人数的事件,使滑动条改变时人数改变


滑动条事件

            //获取输入玩家input节点
            var playNumber = document.getElementById("playNumber");
            // 获取滑动条节点
            var rangeNumber = document.getElementById("rangeNumber");

            //玩家人数的输入框与滚动条同步
            function getNumber() {
                if (playNumber.value >= 4 && playNumber.value <= 18) {
                    playNumber.value = rangeNumber.value;
                }
                else {
                    alert("请输入玩家人数");
                }
            }
            //滚动条改变玩家人数随着改变
            function change() {
                playNumber.value = rangeNumber.value;
            }
            //减号按钮与滚动条同步
            function btLeft() {
                rangeNumber.value--;
                if (playNumber.value <= 4) {
                    playNumber.value = rangeNumber.value;

                }

            }
            //加号按钮与滚动条同步
            function btRight() {
                rangeNumber.value++;
                if (playNumber.value >= 18) {
                }
                playNumber.value = rangeNumber.value;

            }


总人数

            function button() {
                // 获取输入玩家input的value的值
                var count = document.getElementById("playNumber").value;

                // 判断条件语句
                if (count < 0 || count > 18) {
                    confirm("请输入正确的玩家数量。");
                } else {
                    // 洗牌算法
                    if (array) {
                        for (var i = array.length - 1i > 0i--) {
                            // 打乱数组的玩家
                            var j = Math.floor(Math.random() * (i + 1));
                            var temp = array[i];
                            array[i] = array[j];
                            array[j] = temp;
                        }

                        console.log(array);
                    }
                    // location.href = "check.html";//进入下一个页面
                }
                return false;//冒泡事件
            }
            console.log(array);




返回列表 返回列表
评论

    分享到