发表于: 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杀手杀人,跳转另一个页面后,盒子无法成功添加
暂时还不知道哪方面的原因
收获:
第一个页面完成大概
评论