var track_1 = document.querySelector("track_1"), track_div_1 = document.getElementById("track_1"); track.addEventListener('cuechange', function () { let cues = track.track.activeCues; // array of current cues console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime); var d1 = JSON.parse(cues[0].text); console.log("d1",d1); track_div.innerHTML = d1.title; var old = document.querySelector(".now_playing"); if (old) { old.classList.remove("now_playing"); } var playing = document.getElementById(d.title); playing.classList.add("now_playing"); console.log("playing",playing); });