Skip to content

Commit ec008a5

Browse files
pajardevpajardev
authored
Update CekSemua.html
1 parent 943adae commit ec008a5

File tree

1 file changed

+99
-80
lines changed

1 file changed

+99
-80
lines changed

‎CekSemua.html

Lines changed: 99 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -70,29 +70,55 @@
7070
margin-bottom: 20px;
7171
border-radius: 5px;
7272
}
73+
.admin-link {
74+
color: #fff;
75+
text-decoration: none;
76+
}
77+
.admin-link:hover {
78+
text-decoration: underline;
79+
}
80+
.loading {
81+
display: none;
82+
position: fixed;
83+
top: 50%;
84+
left: 50%;
85+
transform: translate(-50%, -50%);
86+
border: 8px solid #f3f3f3;
87+
border-radius: 50%;
88+
border-top: 8px solid #007BFF;
89+
width: 60px;
90+
height: 60px;
91+
animation: spin 1s linear infinite;
92+
}
93+
@keyframes spin {
94+
0% { transform: rotate(0deg); }
95+
100% { transform: rotate(360deg); }
96+
}
7397
</style>
7498
</head>
7599
<body>
76100

77101
<div class="container">
78102
<div class="footer">
79-
Jumlah Pengunjung: <span id="visitorCount">0</span>
103+
Admin: <a href="https://wa.me/your_admin_phone_number" class="admin-link" target="_blank">Nama Admin</a>
80104
</div>
81105
<h1>Cek Apa Aja</h1>
82106
<div class="input-container">
83-
<input type="text" id="fullName" placeholder="Masukkan Nama Lengkap Anda">
107+
<input type="text" id="fullName" placeholder="Nama Lengkap Kamu">
84108
</div>
85-
<button class="button" onclick="checkKhodam()">Cek Khodam</button>
86-
<button class="button" onclick="checkSempak()">Cek Warna Sempak</button>
87-
<button class="button" onclick="checkSaldo()">Cek Saldo</button>
88-
<button class="button" onclick="checkFuture()">Cek Masa Depan</button>
109+
<button class="button" onclick="check('khodam')">Cek Khodam</button>
110+
<button class="button" onclick="check('sempak')">Cek Warna Sempak</button>
111+
<button class="button" onclick="check('saldo')">Cek Saldo</button>
112+
<button class="button" onclick="check('future')">Cek Masa Depan</button>
89113
<button class="button" onclick="checkPartner('female')">Cek Nama Pasangan Perempuan</button>
90114
<button class="button" onclick="checkPartner('male')">Cek Nama Pasangan Laki-Laki</button>
91115
<div class="message-container">
92116
<div class="message" id="message"></div>
93117
</div>
94118
</div>
95119

120+
<div class="loading" id="loading"></div>
121+
96122
<script>
97123
function randomArrayElem(arr) {
98124
return arr[Math.floor(Math.random() * arr.length)];
@@ -107,12 +133,36 @@ <h1>Cek Apa Aja</h1>
107133
messageContainer.innerText = message.toUpperCase();
108134
}
109135

110-
function checkKhodam() {
136+
function showLoading() {
137+
document.getElementById('loading').style.display = 'block';
138+
}
139+
140+
function hideLoading() {
141+
document.getElementById('loading').style.display = 'none';
142+
}
143+
144+
function check(type) {
111145
const name = getName();
112146
if (!name) {
113-
alert('Masukkan nama lengkap Anda terlebih dahulu.');
147+
alert('Masukkan nama lengkap Kamu');
114148
return;
115149
}
150+
showLoading();
151+
setTimeout(() => {
152+
hideLoading();
153+
if (type === 'khodam') {
154+
checkKhodam(name);
155+
} else if (type === 'sempak') {
156+
checkSempak(name);
157+
} else if (type === 'saldo') {
158+
checkSaldo(name);
159+
} else if (type === 'future') {
160+
checkFuture(name);
161+
}
162+
}, 2000);
163+
}
164+
165+
function checkKhodam(name) {
116166
const messages = [
117167
`${name}, kuda terbang: kamu selalu bermimpi sedang terbang`,
118168
`${name}, janda pirang: kamu akan selalu senang`,
@@ -124,12 +174,7 @@ <h1>Cek Apa Aja</h1>
124174
displayMessage(randomArrayElem(messages));
125175
}
126176

127-
function checkSempak() {
128-
const name = getName();
129-
if (!name) {
130-
alert('Masukkan nama lengkap Anda terlebih dahulu.');
131-
return;
132-
}
177+
function checkSempak(name) {
133178
const colors = [
134179
"Merah",
135180
"Biru",
@@ -147,22 +192,12 @@ <h1>Cek Apa Aja</h1>
147192
displayMessage(`${name}, warna sempak anda adalah: ${randomArrayElem(colors)}`);
148193
}
149194

150-
function checkSaldo() {
151-
const name = getName();
152-
if (!name) {
153-
alert('Masukkan nama lengkap Anda terlebih dahulu.');
154-
return;
155-
}
195+
function checkSaldo(name) {
156196
const saldo = Math.floor(Math.random() * 1000000);
157-
displayMessage(`${name}, saldo anda adalah: rp ${saldo.toLocaleString()}`);
197+
displayMessage(`${name}, saldo kamu : rp ${saldo.toLocaleString()}`);
158198
}
159199

160-
function checkFuture() {
161-
const name = getName();
162-
if (!name) {
163-
alert('Masukkan nama lengkap Anda terlebih dahulu.');
164-
return;
165-
}
200+
function checkFuture(name) {
166201
const futures = [
167202
`${name}, kamu akan mendapatkan kejutan menyenangkan.`,
168203
`${name}, karir kamu akan berkembang pesat.`,
@@ -176,61 +211,45 @@ <h1>Cek Apa Aja</h1>
176211
function checkPartner(gender) {
177212
const name = getName();
178213
if (!name) {
179-
alert('Masukkan nama lengkap Anda terlebih dahulu.');
214+
alert('Masukkan nama lengkap Kamu');
180215
return;
181216
}
182-
const femaleNames = [
183-
"Cici",
184-
"Evi",
185-
"Yanti",
186-
"Syifa",
187-
"Indah",
188-
"Yuni",
189-
"Citra",
190-
"ayu",
191-
"dinda",
192-
"dea",
193-
"Novi",
194-
"Intan",
195-
"Lia"
196-
];
197-
const maleNames = [
198-
"Andika",
199-
"Udin",
200-
"Dedi",
201-
"Fahri",
202-
"Hendra",
203-
"Iqbal",
204-
"Riski",
205-
"Nico",
206-
"Jefri",
207-
"Joko",
208-
"Irfan",
209-
"Bambang",
210-
"Anto"
211-
];
212-
const names = gender === 'female' ? femaleNames : maleNames;
213-
displayMessage(`${name}, nama pasangan anda adalah: ${randomArrayElem(names)}`);
214-
}
215-
216-
// Visitor counter
217-
let visited = localStorage.getItem('visited');
218-
if (!visited) {
219-
visited = true;
220-
localStorage.setItem('visited', visited);
221-
222-
let visitorCount = localStorage.getItem('visitorCount');
223-
if (visitorCount === null) {
224-
visitorCount = 0;
225-
} else {
226-
visitorCount = parseInt(visitorCount);
227-
}
228-
229-
visitorCount++;
230-
document.getElementById('visitorCount').textContent = visitorCount;
231-
localStorage.setItem('visitorCount', visitorCount);
232-
} else {
233-
document.getElementById('visitorCount').textContent = localStorage.getItem('visitorCount');
217+
showLoading();
218+
setTimeout(() => {
219+
hideLoading();
220+
const femaleNames = [
221+
"Cici",
222+
"Evi",
223+
"Yanti",
224+
"Syifa",
225+
"Indah",
226+
"Yuni",
227+
"Citra",
228+
"ayu",
229+
"dinda",
230+
"dea",
231+
"Novi",
232+
"Intan",
233+
"Lia"
234+
];
235+
const maleNames = [
236+
"Andika",
237+
"Udin",
238+
"Dedi",
239+
"Fahri",
240+
"Hendra",
241+
"Iqbal",
242+
"Riski",
243+
"Nico",
244+
"Jefri",
245+
"Joko",
246+
"Irfan",
247+
"Bambang",
248+
"Anto"
249+
];
250+
const names = gender === 'female' ? femaleNames : maleNames;
251+
displayMessage(`${name}, nama pasangan kamu : ${randomArrayElem(names)}`);
252+
}, 2000);
234253
}
235254
</script>
236255

0 commit comments

Comments
 (0)