Switching depending on semester

index.html

@@ -60,10 +60,11 @@
       <!-- Dropdown menu for semester selection -->
       <form>
         <label for="dropdown">Semester (under construction):</label>
-        <select id="dropdown" name="dropdown">
-          <option value="option1">Fall 2022</option>
-          <option value="option2">Spring 2022</option>
-          <option value="option3">Fall 2021</option>
+        <select id="semester" name="dropdown">
+          <option value="f2022">Fall 2022</option>
+          <option value="s2022">Summer 2022</option>
+          <option value="sp2022">Spring 2022</option>
+          <option value="f2021">Fall 2021</option>
         </select>
         <br><br>
       </form>

main.css

@@ -14,12 +14,12 @@ main {
 }
 
 main h1 {
-  font-size: 36px;
+  font-size: 24px;
   margin: 0 0 20px 0
 }
 
 main p {
-  font-size: 18px;
+  font-size: 10px;
   line-height: 1.5;
   margin: 0 0 20px 0
 }
@@ -63,11 +63,12 @@ footer p {
   border: 3px solid #f1f1f1;
   margin: 5px auto;
   position: absolute;
+  font-size: small;
   top: 15%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 70%;
-  padding: 20px;
+  padding: 10px;
   text-align: center
 }
 

main.js

@@ -15,6 +15,7 @@ async function parseName() {
     let className = document.getElementById('courseName').value;
     let classNum = document.getElementById('courseNum').value;
     let department = document.getElementById('courseField').value.trim();
+    let semester = document.getElementById('semester').value;
     let departments = '';
     await fetch('https://derec4.github.io/ut-grade-data/2022prefixes.json')
     .then(res => res.json())
@@ -32,13 +33,32 @@ async function parseName() {
         return;
     } 
     console.log(department, classNum.toString(), className.trim());
-    await PapaParse(department, classNum.toString(), className.trim());
+    await PapaParse(department, classNum.toString(), className.trim(), semester);
 }
 
-async function PapaParse(department, num, name) {
+async function PapaParse(department, num, name, sem) {
     let cData = '';
-    // await fetch('https://derec4.github.io/UT-Grade-Dist/2022prefixes.json');
-    await fetch('https://derec4.github.io/ut-grade-data/2022%20Fall.json')
+    // console.log(sem);
+    let url = '';
+    switch (sem) {
+        case 'f2022':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 's2022':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 'sp2022':
+            // Temp, change when other data sets are added
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+        case 'f2021':
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;          
+        default:
+            url = 'https://derec4.github.io/ut-grade-data/2022%20Fall.json';
+            break;
+    }
+    await fetch(url)
     .then(res => res.json())
     .then(data => { cData = data; });