document.addEventListener("DOMContentLoaded", function () {
const filters = document.querySelectorAll(".class-filter");
const classItems = document.querySelectorAll("#schedule-table .class-item");
function filterClasses(selectedClass) {
classItems.forEach(item => {
if (selectedClass === "All" || item.dataset.class === selectedClass) {
item.style.display = "block";
} else {
item.style.display = "none";
}
});
}
filterClasses("All");
filters.forEach(button => {
button.addEventListener("click", function () {
let selectedClass = this.dataset.class;
filters.forEach(btn => btn.classList.remove("active"));
this.classList.add("active");
filterClasses(selectedClass);
});
});
});