enrol button with id "mdb-100" needs to add an action to open a new browser tab with URL "https://learn.mongodb.com/courses/mdb100-mongodb-database-and-security?courseId=" and the value of the select id "mdb100-select"

index.html

@@ -58,7 +58,7 @@
   <option value="56f03773-aa3f-4246-bc38-e0e50d9b67ec">SG SGT | 2025 Dec 08 | English (MDB100)</option>
   <option value="915b651a-fd73-4b6c-8b20-f8a815c85006">UK GMT | 2025 Dec 08 | English (MDB100)</option>
 </select>
-<button type="button" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">Enrol</button>
+<button id="enrol-mdb100" type="button" class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">Enrol</button>
                     </div>
                     <div class="bg-white p-4 rounded-lg shadow hover:shadow-md transition-shadow">
                         <h4 class="font-medium text-green-600">MDB200</h4>

script.js

@@ -397,7 +397,6 @@ function renderUpcomingDates() {
         upcomingDatesList.appendChild(dateItem);
     });
 }
-
 // Initialize the page
 function init() {
     const groupedCourses = groupCoursesByMonth(coursesData);
@@ -415,5 +414,11 @@ function init() {
     buttons[0].textContent = monthNames[now.getMonth()];
     buttons[1].textContent = monthNames[(now.getMonth() + 1) % 12];
     buttons[2].textContent = monthNames[(now.getMonth() + 2) % 12];
+
+    // Add enrol button functionality
+    document.getElementById('enrol-mdb100').addEventListener('click', () => {
+        const courseId = document.getElementById('mdb100-select').value;
+        window.open(`https://learn.mongodb.com/courses/mdb100-mongodb-database-and-security?courseId=${courseId}`, '_blank');
+    });
 }
 init();