发表于: 2021-07-29 23:34:39

0 2172


今天完成的事情:


这是一个静态的页面,之前对于该页面,怎么做一直都没有思路

今天看了很多位师兄的日报,里面说可以把这里面的内容,看做是一个对象来完成

其实之前也看到了这句话,但当时没有明白啥意思,今天算是明白了

一共四个步骤,放在一个对象或者数组里,有了有了这种观念后,就好办了

//创建一个空数组
let x = new Array();


//杀人点击事件
$(".buttonBox").eq(0).click(function () {
   if (x.length == 0) {
$(".btn").eq(x.length).css("background-color""#83b09a");
$(".triangle").eq(x.length).css("border-right-color""#83b09a");
alert("天黑请闭眼")
       sessionStorage.setItem("player",JSON.stringify(Player));
       sessionStorage.setItem("click",JSON.stringify(x));
       window.location.href = "../html/task4-2.html";
else {
alert("请按照顺序操作");
}
})



//亡者点击事件
$(".buttonBox").eq(1).click(function () {
   if (x.length == 1) {
$(".btn").eq(x.length).css("background-color""#83b09a");
$(".triangle").eq(x.length).css("border-right-color""#83b09a");
else {
alert("请按照顺序操作");
}
})




//发言点击事件
$(".buttonBox").eq(2).click(function () {
   if (x.length == 2) {
$(".btn").eq(x.length).css("background-color""#83b09a");
$(".triangle").eq(x.length).css("border-right-color""#83b09a");
else {
alert("请按照顺序操作");
}
})



//投票点击事件
$(".buttonBox").eq(3).click(function () {
   if (x.length == 3) {
$(".btn").eq(x.length).css("background-color""#83b09a");
$(".triangle").eq(x.length).css("border-right-color""#83b09a");
else {
alert("请按照顺序操作");
}
})


只需要这几个步骤,就可以对步骤进行判定了,效果如下

跳转过去之后就是第二个页面了

在第二个页面里面,使用for循环,给添加大盒子

添加了盒子,但是很奇怪,没有显示,也不知哪里出了问题。。。




明天计划的事情
明天继续做js4




遇到的问题:
js4杀手杀人,跳转另一个页面后,盒子无法成功添加

暂时还不知道哪方面的原因




收获:

第一个页面完成大概





返回列表 返回列表
评论

    分享到