发表于: 2020-08-21 23:58:20

1 1265


今天完成的事情:

修改任务2

学会js传递数据


关联任务2的数组,判断平民与杀手,获取使滑动时人数变化时总人数的的类型,用于任务3的翻牌判断玩家类型

            // 把获取的值赋给killer和person两个input
            function Allplayer(value) {
                killer.value = Math.round(value - (value / 2 + value / 6 + value / 24.1));
                person.value = Math.round(value / 2 + value / 6 + value / 24.1);

                // 当玩家值小于4或大于18赋给killer和person值为空
                if (value < 4 || value > 18) {
                    killer.value = "";
                    person.value = "";
                } else {
                    arr = [];  //声明一下这个空数组。
                    // 当玩家值小于4或大于18把killer和person以组数形式输出
                    for (var i = 0i < killer.valuei++) {
                        arr.push("杀手");//输出杀手的数量push到数组
                    }
                    for (var i = 0i < person.valuei++) {
                        arr.push("平民");//输出平民的数量push到数组
                    }
                }
            }
            Allplayer(playNumber.value);//自运行

            var array = arr;//访问全局变量arr
            //滚动条改变玩家人数随着改变
            function change() {
                playNumber.value = rangeNumber.value;
                // 滑动时
                Allplayer(rangeNumber.value)
                console.log(arr);
            }
           // 键盘事件
            document.onkeydown = function (event) {
                var e = event || window.event || arguments.callee.caller.arguments[0];
                if (e && e.keyCode == 13) {
                    button();
                    // 玩家input节点节点值 赋值给 将滑动条节点值:使滑动条随输入值改变
                    rangeNumber.value = playNumber.value;
                    console.log(arr);
                };
            };


使用localstorage传递数据

其中sessionStorage用于临时保存数据,localstorage能够长久保存数据

任务3页面

            function getcookie() {
                //获取传递过来的localStorage
                console.log(window.localStorage.getItem('killer'))
            }

任务2页面

    location.href='js任务3.html';
    window.localStorage.setItem('killer','person')



明天的计划:

完成任务3翻页的js变化效果


返回列表 返回列表
评论

    分享到