add a drop down to select several options under each course tile

script.js

@@ -90,12 +90,22 @@ function renderCalendar() {
         calendarDays.appendChild(cell);
     }
 }
+// Close dropdowns when clicking outside
+document.addEventListener('click', function(event) {
+    if (!event.target.matches('.dropdown-btn')) {
+        const dropdowns = document.querySelectorAll('.dropdown-content');
+        dropdowns.forEach(dropdown => {
+            if (dropdown.classList.contains('show')) {
+                dropdown.classList.remove('show');
+            }
+        });
+    }
+});
 
 // Initialize the page
 document.addEventListener('DOMContentLoaded', () => {
     renderCalendar();
-    
-    // Month navigation
+// Month navigation
     document.getElementById('prev-month').addEventListener('click', () => {
         currentMonth--;
         if (currentMonth < 0) {