-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMain.html
150 lines (139 loc) · 6.7 KB
/
Main.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<link rel="stylesheet" type="text/css" href="./css/title.css"/>
<title>真虧你能找到這裡</title>
</head>
<body class="chinoBackGround">
<div id="main">
<div id="title">
<span class="title">ㄨㄛㄏㄨㄚㄋㄧㄘㄞ</span>
<img class="centerImg" src="./pic/01.png" width="30%"/>
</div>
<div>
</div>
</div>
<button class="bottle_button" id="bottle_button" onclick="handleBottleClick()">Custom Button</button>
<button class="pen_button" id="pen_button" onclick="handlePenClick()">Custom Button</button>
<button class="magicpen_button" id="magicpen_button" onclick="handleMagicClick()">Custom Button</button>
<button class="eraser_button" id="eraser_button" onclick="handleEraserClick()">Custom Button</button>
<button class="star_button" id="star_button" onclick="handleStarClick()">Custom Button</button>
<div class="hidden" id="starfishGirl_container">
<img src="./pic/starfishGirl_good.png" class="fixed-image">
<button class="starfishGirl_button" id="starfishGirl_button" onclick="reset()">Custom Button</button>
</div>
<script>
let score = localStorage.getItem('score') ? parseInt(localStorage.getItem('score')) : 0;
let star_score = localStorage.getItem('score') ? parseInt(localStorage.getItem('score')) : 0;
let SCORE_THRESHOLD = 4;
let SCORE_STINGRAY = 5;
// JavaScript
function handleStarClick() {
star_score++;
if (star_score >= SCORE_STINGRAY){
star_score = 0;
window.location.href = "Stingray.html";
}
}
function handleClick() {
// 在这里编写按钮点击时要执行的代码
score++; // 每点击一次按钮，分数加一
switch(score) {
case 1:
window.location.href = "page1.html"; // 当分数为1时跳转到page1.html
break;
case 2:
window.location.href = "page2.html"; // 当分数为2时跳转到page2.html
break;
case 3:
window.location.href = "page3.html"; // 当分数为2时跳转到page2.html
break;
case 4:
window.location.href = "page4.html"; // 当分数为2时跳转到page2.html
break;
case 5:
break;
// 可根据需要添加更多分数对应的页面跳转
default:
score = 0;
break;
}
localStorage.setItem('score', score); // 更新本地存储中的分数
checkScore();
}
function reset(){
score = 0;
localStorage.setItem('bottle_button_buttonHidden', false);
localStorage.setItem('pen_button_buttonHidden', false);
localStorage.setItem('magicpen_button_buttonHidden', false);
localStorage.setItem('eraser_button_buttonHidden', false);
localStorage.setItem('starfishGirl_containerHidden', true);
localStorage.setItem('score', score);
if (localStorage.getItem('bottle_button_buttonHidden') != "true") {
document.getElementById('bottle_button').classList.remove('hidden');
}
if (localStorage.getItem('pen_button_buttonHidden') != "true") {
document.getElementById('pen_button').classList.remove('hidden');
}
if (localStorage.getItem('magicpen_button_buttonHidden') != "true") {
document.getElementById('magicpen_button').classList.remove('hidden');
}
if (localStorage.getItem('eraser_button_buttonHidden') != "true") {
document.getElementById('eraser_button').classList.remove('hidden');
}
if (localStorage.getItem('starfishGirl_containerHidden') != "false") {
document.getElementById('starfishGirl_container').classList.add('hidden'); // 移除隐藏样式类，显示图片
}
window.open("https://youtu.be/83oHyBpNd-4","rick", config='titlebar=0,scrollbars=0,status=0,menubar=0,toolbar=0');
alert("如果點下去什麼都沒有，可以解除彈出視窗封鎖嗎，拜託，我搞這個彩蛋很久");
window.location.href = "Main.html";
}
function checkScore() {
if (score >= SCORE_THRESHOLD) {
document.getElementById('starfishGirl_container').classList.remove('hidden');
localStorage.setItem('starfishGirl_containerHidden', false);
}
}
function handleBottleClick() {
handleClick();
hideButton("bottle_button"); // 隐藏按钮
}
function handlePenClick() {
handleClick();
hideButton("pen_button"); // 隐藏按钮
}
function handleMagicClick() {
handleClick();
hideButton("magicpen_button"); // 隐藏按钮
}
function handleEraserClick() {
handleClick();
hideButton("eraser_button"); // 隐藏按钮
}
function hideButton(id) {
// alert(id);
document.getElementById(id).classList.add('hidden'); // 添加隐藏样式类
localStorage.setItem(id + '_buttonHidden', true);
}
if (localStorage.getItem('bottle_button_buttonHidden') == "true") {
document.getElementById('bottle_button').classList.add('hidden');
}
if (localStorage.getItem('pen_button_buttonHidden') == "true") {
document.getElementById('pen_button').classList.add('hidden');
}
if (localStorage.getItem('magicpen_button_buttonHidden') == "true") {
document.getElementById('magicpen_button').classList.add('hidden');
}
if (localStorage.getItem('eraser_button_buttonHidden') == "true") {
document.getElementById('eraser_button').classList.add('hidden');
}
if (localStorage.getItem('starfishGirl_containerHidden') == "false") {
document.getElementById('starfishGirl_container').classList.remove('hidden'); // 移除隐藏样式类，显示图片
}
</script>
</body>
</html>
-->