JSFiddle - React, Tailwind, and code Playground

HTML

<input name="firstname" type="text" required="required" id="firstn" placeholder="First Name"/>
                <input name="middleinitial" type="text" id="middlein" placeholder="M.I." onkeyup="moveCursor(this,'lastn')" size="2" maxlength="1"/>
                <input name="lastname" type="text" id="lastn" placeholder="Last Name" />
                <input name="suffix" type="text" id="suffix" placeholder="Suffix" size="4"/>
    <select id="gradelevel" name="gradelevel">
          <option value=""></option>
          <option value="Freshman">College Freshman</option>
          <option value="Sophomore">College Sophomore</option>
          <option value="Junior">College Junior</option>
          <option value="Senior">College Senior</option>
    </select>

JavaScript

script>$(document).ready(function() {
        document.getElementById('firstn').value= "";
    	document.getElementById('middlein').value= "";
    	document.getElementById('lastn').value= "";
    	document.getElementById('suffix').value= "";
    	document.getElementById("gradelevel").value = "";
    });
</script>