function musicController() {
    if (audio.isMusicMuted === true) {
        audio.isMusicMuted = false;
        audio.musicButton.innerHTML = "<i class='fas fa-volume-up'></i>";
        playMenuMusic();
        audio.isMenuMusic = true;
    } else if (audio.isMusicMuted === false) {
        audio.isMusicMuted = true;
        audio.musicButton.innerHTML = "<i class='fas fa-volume-mute'></i>";
        stopMenuMusic();
    }
}
/**
 * Below function is tied to utils event listener. If user presses the button, the variable
 * isMusicMuted will change to the opposite boolean value. This is used to determine
 * whether music will play. 
 */
Below function is tied to utils event listener. If user presses the button, the variable
isMusicMuted will change to the opposite boolean value. This is used to determine
whether music will play.
Below function is tied to utils event listener . If user presses the button the variable isMusicMuted will change to the opposite boolean value . This is used to determine whether music will play .
function musicController() {
    if (audio.isMusicMuted === true) {
        audio.isMusicMuted = false;
        audio.musicButton.innerHTML = "<i class='fas fa-volume-up'></i>";
        playMenuMusic();
        audio.isMenuMusic = true;
    } else if (audio.isMusicMuted === false) {
        audio.isMusicMuted = true;
        audio.musicButton.innerHTML = "<i class='fas fa-volume-mute'></i>";
        stopMenuMusic();
    }
}
function musicController ( ) { if ( audio . isMusicMuted === true ) { audio . isMusicMuted = false ; audio . musicButton . innerHTML = "<i class='fas fa-volume-up'></i>" ; playMenuMusic ( ) ; audio . isMenuMusic = true ; } else if ( audio . isMusicMuted === false ) { audio . isMusicMuted = true ; audio . musicButton . innerHTML = "<i class='fas fa-volume-mute'></i>" ; stopMenuMusic ( ) ; } }
Below function is tied to utils event listener.
Below function is tied to utils event listener .