发表于: 2020-04-23 23:14:18
1 1635
一、今天完成的事情
js任务2浏览器存值
sessionStorage.setItem("players",JSON.stringify(newArr));
浏览器接收值,并转换
var players = sessionStorage.getItem("players");
console.log(players);
players = JSON.parse(players);
法官传递页面完成
var btn = document.getElementsByClassName("bottom");
$("#img_4").hide();
var num =0 ;
var index;
var i = 0;//鼠标点击数,后面用来判断点击到第几次再出现法官查看的时候跳转到下一个页面
$("#next").click(function () {
var last =Math.floor(num/2)+1;
i++;//每点击一次,判断语句运行一次,点击次数自动加一,最后法官查看的时候,用点击次数来做判断
if ( last < players.length){
num = num+1;
var newNum = Math.floor(num/2)+1;
index = Math.ceil(num/2)-1;
if(num%2 !=0){
$("#img_4").show();
$("a").text("隐藏并传递给"+ (newNum+1)+"号");
$("#num_1").text(newNum);
$("#part").text(players[index]).show();
}else{
$("#img_4").hide();
$("#img_3").show();
$("a").text("查看"+ newNum+"号身份");
$("#num_1").text(newNum);
$("#part").hide(1,"");
console.log(newNum);
console.log(num);
console.log(index)
}
}
else {
$("a").text("查看法官日志");
$("#img_3").hide();
$("#img_4").show();
$("#part").text(players[index]).show();
// $("#num_1").text(newNum);
console.log(num);
}
console.log(num);
console.log(i);
if (i ==players.length*2){
window.location = "task2-2.html"
}
// console.log(last)
}) ;
明天计划的事情:
继续下面的任务
遇到的问题:
浏览器存值刚开始遇到一些问题,百度姿势很对解决了
取值转换刚开始是直接拿来用,发现是字符串,但是任务是要转换为数组,百度了下已解决
players = JSON.parse(players);
收获:
学会了浏览器存储值,简单学会了JQuery的语法,用法等等,比如选择器,简单动画,在做跳转页面的时候,最后的判断语句
if (i ==players.length*2){
window.location = "task2-2.html"
}
一开始没想到专门设置一个变量来记录鼠标的点击次数,导致各种bug,后来明白了,完成了法官查看页面
评论