Step 2

Let's update the index.html with elements to allow a user:

• select a school
• select a term
• enter a course name
• search courses offered by the school for the selected term that match the provided course name.

<label for="schools">Choose a school:</label>
<select name="schools" id="schools">
  <option value="all">All</option>
</select>
<br />

<label for="terms">Choose a term:</label>
<select name="terms" id="terms">
  <option value="all">All</option>
</select>
<br />

<label for="query">Course name:</label>
<textarea id="query" name="query" rows="1" cols="20"></textarea>
<br />

<button id="searchBtn">Search</button>
<br />
<br />

<div class="result"></div>

Your web page should look like this now:

We will use the SIS API to populate the options for "school" and "term". We will use the SIS API again to search for a course, given a user's selections/entry for "course name".