Sec:
${course.section}
Cred:
${course.credits}
Title:
${course.name}
Days:
${course.days}
Time:
${course.time}
Instructor:
${course.instructor}
Term:
${course.term}
Campus:
${course.campus}
`;
coursesHtml += courseHtml;
}
}
registeredCoursesContainer.innerHTML = coursesHtml;
}
function dropCourse() {
// Get a reference to the courses container
const coursesContainer = document.getElementById("courses-container");
// Get a list of all the checkboxes inside the courses container
const checkboxes = coursesContainer.querySelectorAll("input[type='checkbox']");
// Loop through each checkbox to find the one that is checked
checkboxes.forEach(checkbox => {
if (checkbox.checked) {
// Get the course ID from the value of the checkbox
const courseId = checkbox.value;
// Find the index of the course in the registeredCourses array
const courseIndex = registeredCourses.findIndex(course => course.crn == courseId);
// If the course is found, remove it from the registeredCourses array
if (courseIndex !== -1) {
const originalLength = registeredCourses.length;
registeredCourses.splice(courseIndex, 1);
const newLength = registeredCourses.length;
for (let i = newLength; i < originalLength; i++) {
registeredCourses[i] = null;
}
}
// Update the registeredCourses array in session storage
sessionStorage.setItem("registeredCourses", JSON.stringify(registeredCourses));
// Update the list of courses displayed on the page
displayCourses();
}
});
}
const dropButton = document.querySelector('#dropButton');
dropButton.addEventListener('click', dropCourse);