GET_PLAY_BTN.addEventListener("click", () => {
isClicked += 1;
if (isClicked == 1) {
GET_PLAY_BTN.style.backgroundImage = "url('../stylesheets/img/icon/play.png')";
GET_TEXT.innerHTML = "Now Playing";
if (GET_SONG_TITLE.innerHTML == GET_HIDDEN_TITLE.innerHTML) {
switch (GET_HIDDEN_GENRE.innerHTML) {
case "ROCK":
GET_AUDIO.innerHTML = `<source src="../src/asset/rock/${GET_HIDDEN_TITLE.innerHTML}.mp3" type="audio/mp3">`;
GET_AUDIO.play();
break;
case "POP":
GET_AUDIO.innerHTML = `<source src="../src/asset/pop/${GET_HIDDEN_TITLE.innerHTML}.mp3" type="audio/mp3">`;
GET_AUDIO.play();
break;
}
I don't know why the audio tag value is not changed when I manipulate the source tag, the value of source is changed but the, first value still there, what should I do to, remove the value of the audio tag, and removed forever