34 lines
1.2 KiB
JavaScript
34 lines
1.2 KiB
JavaScript
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const music = document.getElementById('background-music');
|
|
const musicToggle = document.getElementById('music-toggle');
|
|
const soundOnIcon = document.getElementById('sound-on-icon');
|
|
const soundOffIcon = document.getElementById('sound-off-icon');
|
|
|
|
if (music && musicToggle) {
|
|
// Try to play music by default
|
|
music.play().then(() => {
|
|
// Autoplay started!
|
|
soundOnIcon.style.display = 'inline';
|
|
soundOffIcon.style.display = 'none';
|
|
}).catch(error => {
|
|
// Autoplay was prevented.
|
|
console.log("Autoplay was prevented by the browser.");
|
|
soundOnIcon.style.display = 'none';
|
|
soundOffIcon.style.display = 'inline';
|
|
});
|
|
|
|
musicToggle.addEventListener('click', function() {
|
|
if (music.paused) {
|
|
music.play();
|
|
soundOnIcon.style.display = 'inline';
|
|
soundOffIcon.style.display = 'none';
|
|
} else {
|
|
music.pause();
|
|
soundOnIcon.style.display = 'none';
|
|
soundOffIcon.style.display = 'inline';
|
|
}
|
|
});
|
|
}
|
|
});
|