Godawful Old Music Player Code


let sngnme = document.getElementById("SongTitle")
let artist = document.getElementById("SongArtist")
let playpause = document.getElementById("PlayPause")
let stop = document.getElementById("Stop")
let next = document.getElementById("SkipNext")
let back = document.getElementById("SkipBack")
let song = document.getElementsByClassName("Songs")
playing = false
s = 0

playpause.addEventListener('click', () =>{
    if (playing == false) {
        playing = true
        playpause.src = "Assets/Images/Pause_Icon.png"
        song[s].play()
    } else {
        playing = false
        playpause.src = "Assets/Images/Play_Icon.png"
        song[s].pause()
}});

stop.addEventListener('click', () =>{
    if (playing == true) {
        playing = false
        song[s].load()
        playpause.src = "Assets/Images/Play_Icon.png"
    } else {
        return
}})

next.addEventListener('click', () =>{
    if (s < 14) {
        playing = false
        song[s].load()
        playpause.src = "Assets/Images/Play_Icon.png"
        s++
        if (s === 0) {
            sngnme.textContent="Endwalker - Footfalls"
            artist.textContent="Masayoshi Soken"
        } else if (s === 1) {
            sngnme.textContent="In Pieces"
            artist.textContent="Linkin Park"
        } else if (s === 2) {
            sngnme.textContent="Jigsaw Falling into Place"
            artist.textContent="Radiohead"
        } else if (s === 3) {
            sngnme.textContent="Starless"
            artist.textContent="A Perfect Circle"
        } else if (s === 4) {
            sngnme.textContent="She Sells Sanctuary"
            artist.textContent="The Cult"
        } else if (s === 5) {
            sngnme.textContent="Everlong"
            artist.textContent="Foo Fighters"
        } else if (s === 6) {
            sngnme.textContent="Die Hard"
            artist.textContent="Kendrick Lamar"
        } else if (s === 7) {
            sngnme.textContent="Living Dead Girl"
            artist.textContent="Rob Zombie"
        } else if (s === 8) {
            sngnme.textContent="Torn"
            artist.textContent="Neck Deep"
        } else if (s === 9) {
            sngnme.textContent="Cosmic Girl"
            artist.textContent="Jamiroquai"
        } else if (s === 10) {
            sngnme.textContent="Aerials"
            artist.textContent="System Of A Down"
        } else if (s === 11) {
            sngnme.textContent="The Third Sanctuary"
            artist.textContent="Toby Fox"
        } else if (s === 12) {
            sngnme.textContent="Foot Traffic"
            artist.textContent="2 Mello"
        } else if (s === 13) {
            sngnme.textContent="Alone With Me"
            artist.textContent="Good Kid"
        } else if (s === 14) {
            sngnme.textContent="BIRDBRAIN"
            artist.textContent="Jamie Paige"
    } else {
        return
}})

back.addEventListener('click', () =>{
    if (s > 0) {
        playing = false
        song[s].load()
        playpause.src = "Assets/Images/Play_Icon.png"
        s--
        if (s === 0) {
            sngnme.textContent="Endwalker - Footfalls"
            artist.textContent="Masayoshi Soken"
        } else if (s === 1) {
            sngnme.textContent="In Pieces"
            artist.textContent="Linkin Park"
        } else if (s === 2) {
            sngnme.textContent="Jigsaw Falling into Place"
            artist.textContent="Radiohead"
        } else if (s === 3) {
            sngnme.textContent="Starless"
            artist.textContent="A Perfect Circle"
        } else if (s === 4) {
            sngnme.textContent="She Sells Sanctuary"
            artist.textContent="The Cult"
        } else if (s === 5) {
            sngnme.textContent="Everlong"
            artist.textContent="Foo Fighters"
        } else if (s === 6) {
            sngnme.textContent="Die Hard"
            artist.textContent="Kendrick Lamar"
        } else if (s === 7) {
            sngnme.textContent="Living Dead Girl"
            artist.textContent="Rob Zombie"
        } else if (s === 8) {
            sngnme.textContent="Torn"
            artist.textContent="Neck Deep"
        } else if (s === 9) {
            sngnme.textContent="Cosmic Girl"
            artist.textContent="Jamiroquai"
        } else if (s === 10) {
            sngnme.textContent="Aerials"
            artist.textContent="System Of A Down"
        } else if (s === 11) {
            sngnme.textContent="The Third Sanctuary"
            artist.textContent="Toby Fox"
        } else if (s === 12) {
            sngnme.textContent="Foot Traffic"
            artist.textContent="2 Mello"
        } else if (s === 13) {
            sngnme.textContent="Alone With Me"
            artist.textContent="Good Kid"
        } else if (s === 14) {
            sngnme.textContent="BIRDBRAIN"
            artist.textContent="Jamie Paige"
    } else {
        return
}})