发表于: 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 = 0; i < killer.value; i++) {
arr.push("杀手");//输出杀手的数量push到数组
}
for (var i = 0; i < person.value; i++) {
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变化效果
评论