Added search by CRN on homepage

schedules/app/assets/javascripts/home.js

+function search() {
+    const searchTable = document.getElementById('scheduleTable');
+    const crn = document.getElementById('search').value;
+
+    fetch(`api/search?crn=${crn}`)
+        .then(section => section.json())
+        .then(section => addRow(searchTable, section));
+}
+
+function addRow(table, section) {
+    const tr = document.createElement('tr');
+    const fields = [section.name, section.title, section.crn, section.professor, section.location, section.days];
+
+    fields.forEach(field => {
+        const td = document.createElement('td');
+        const txt = document.createTextNode(field);
+        td.appendChild(txt);
+        tr.appendChild(td);
+    });
+
+    table.appendChild(tr);
+}

schedules/app/views/home/index.html.erb

 <h1>Schedules</h1>
 
-<input type="text" title="search_text" placeholder="Enter CRN..."/>
-<button title="search">Search</button>
+<input type="text" id="search" title="search_text" placeholder="Enter CRN..."/>
+<button title="search" onclick="search()">Search</button>
+
+<!-- <h2>Search results</h2>
+
+     <table id="searchTable">
+     <tr>
+     <th>Course</th>
+     <th>Section Name</th>
+     <th>CRN</th>
+     <th>Professor</th>
+     <th>Location</th>
+     <th>Days</th>
+     <th>Times</th>
+     </tr>
+     </table>
+-->
+<!-- <br><br> -->
 
 <h2>Your classes</h2>
-<table>
+<table id="scheduleTable">
   <tr>
     <th>Course</th>
     <th>Section Name</th>