var track_1 = document.querySelector("track_1"), track_div_1 = document.getElementById("track_1"); track.addEventListener('cuechange', function () { let cues = track_1.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_1.innerHTML = d1.title; var old_1 = document.querySelector(".now_playing"); if (old_1) { old_1.classList.remove("now_playing"); } var playing1 = document.getElementById(d1.title); playing1.classList.add("now_playing"); console.log("playing1",playing1); });