` content.appendChild(newContent); } tablinks = document.getElementsByClassName("tablink"); tablinks[1].style.backgroundColor = ""; tablinks[1].style.color = "#7E94B3"; dropdownText = document.getElementsByClassName("dropdown-text"); dropdownText[1].style.backgroundColor = ""; dropdownText[1].style.color = "#7E94B3"; }, 50); } function filterClass(classId, element, color) { var i, data, dropdownText; data = videoData; currentClassId = classId; let currentChild = document.querySelectorAll(".col-3"); for(let i = 0; i { return item.courseTypeId === currentCourseTypeId && item.classGroupId === currentClassId }); document.getElementById("buttonText").innerHTML = response.className; if (response) { let content = document.getElementById("video-content-list"); if(response.videoList.length-1 > 3) { content.style.justifyContent = "space-between"; } else { content.style.justifyContent = "flex-start"; } setTimeout(function(){ for(let i = 0; i
${response.videoList[i].courseName}
${response.videoList[i].videoTitle}
${response.videoList[i].videoDescription}