JSFiddle - React, Tailwind, and code Playground

HTML

<form action='http://people.brandeis.edu/~rnewman/schedule.php' method='POST'>
    <div id="boxes"></div>
    <br>
    <input type='button' value='Add Class' id='add' style='height: 40px;'>
    <input type='submit' style='height: 40px;' value='Create Schedule'>
</form>

JavaScript

var x = 0;
$(document).ready(function(){
  $("#add").click(function(){
  
       $('#boxes').append('<select name="course"><option value="100" > African and Afro-American Studies </option><option value="200" > American Studies </option><option value="300" > Anthropology </option><option value="400" > Arabic Language and Literature </option><option value="450" > Art History </option><option value="500" > Biochemistry </option><option value="510" > Biochemistry and Biophysics </option><option value="600" > Biological Physics </option><option value="700" > Biology </option><option value="810" > Biophysics and Structural Biology </option><option value="900" > Business </option><option value="1000" > Chemistry </option><option value="1100" > Chinese </option><option value="1200" > Classical Studies </option><option value="1225" > Coexistence and Conflict </option><option value="1300" > Comparative Literature </option><option value="1400" > Computer Science </option><option value="1425" > Creative Writing </option><option value="1500" > East Asian Studies </option><option value="1600" > Economics </option><option value="1700" > Education </option><option value="1800" > English </option><option value="1850" > English as a Second Language </option><option value="1900" > Environmental Studies </option><option value="2000" > European Cultural Studies </option><option value="2100" > Film, Television and Interactive Media </option><option value="2300" > Fine Arts </option><option value="8000" > First Year Seminars (FYS) </option><option value="2400" > French and Francophone Studies </option><option value="2450" > Genetic Counseling </option><option value="2500" > German Studies </option><option value="2525" > German, Russian, and Asian Languages and Literature </option><option value="2535" > Global Studies </option><option value="2550" > Greek </option><option value="2700" > Health: Science, Society, and Policy </option><option value="2800" > Hebrew </option><option...