89 lines
2.3 KiB
JavaScript
89 lines
2.3 KiB
JavaScript
document.addEventListener('DOMContentLoaded', () => {
|
|
const musicBtn = document.getElementById('musicBtn');
|
|
const bgMusic = document.getElementById('bgMusic');
|
|
|
|
let isMusicPlaying = false;
|
|
musicBtn.innerText = '🔇';
|
|
|
|
if (bgMusic) {
|
|
bgMusic.play()
|
|
.then(() => {
|
|
console.log("Auto-play sukses");
|
|
isMusicPlaying = true;
|
|
musicBtn.innerText = '🔊';
|
|
})
|
|
.catch((error) => {
|
|
console.log("Auto-play diblokir browser, menunggu klik user.");
|
|
isMusicPlaying = false;
|
|
musicBtn.innerText = '🔇';
|
|
});
|
|
}
|
|
|
|
musicBtn.addEventListener('click', () => {
|
|
if (isMusicPlaying) {
|
|
bgMusic.pause();
|
|
musicBtn.innerText = '🔇';
|
|
isMusicPlaying = false;
|
|
} else {
|
|
bgMusic.play();
|
|
musicBtn.innerText = '🔊';
|
|
isMusicPlaying = true;
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
// --- INIT AUDIO CLICK ---
|
|
// Pastikan path-nya sesuai dengan folder kamu
|
|
const sfxClick = new Audio('music/music-click.mp3');
|
|
|
|
// Fungsi helper biar rapi
|
|
function playClick() {
|
|
sfxClick.currentTime = 0;
|
|
sfxClick.play().catch(() => {});
|
|
}
|
|
|
|
function selectStage(stage) {
|
|
playClick();
|
|
// Kasih delay dikit (300ms) biar suara 'Ceklik' kedengeran sebelum pindah
|
|
setTimeout(() => {
|
|
window.location.href = "gameboard-" + stage + ".php";
|
|
}, 300);
|
|
}
|
|
|
|
function openCredits() {
|
|
playClick();
|
|
document.getElementById('creditsOverlay').style.display = 'flex';
|
|
}
|
|
|
|
function closeCredits() {
|
|
playClick();
|
|
document.getElementById('creditsOverlay').style.display = 'none';
|
|
}
|
|
|
|
// --- LOGOUT ---
|
|
const logoutBtn = document.getElementById("logoutBtn");
|
|
|
|
if (logoutBtn) {
|
|
logoutBtn.removeAttribute("onclick");
|
|
logoutBtn.addEventListener("click", () => {
|
|
playClick(); // Putar suara
|
|
setTimeout(() => {
|
|
window.location.href = "logout.php";
|
|
}, 300);
|
|
});
|
|
}
|
|
|
|
// --- LEADERBOARD ---
|
|
const leaderboardBtn = document.getElementById("leaderboardBtn");
|
|
|
|
if (leaderboardBtn) {
|
|
leaderboardBtn.removeAttribute("onclick");
|
|
leaderboardBtn.addEventListener("click", () => {
|
|
playClick();
|
|
|
|
setTimeout(() => {
|
|
window.location.href = "Leaderboard.php";
|
|
}, 300);
|
|
});
|
|
} |