I have this code for select

<span>First Subject:</span>
<select name="firstPoint" onChange={e => handleInputs(e)}>
  <option value="0">-</option>
  <option value="4">A+</option>
  <option value="3.75">A</option>
  <option value="3.4">B+</option>
  <option value="3.1">B</option>
  <option value="2.75">C+</option>
  <option value="2.5">C</option>
  <option value="2.2">D+</option>
  <option value="2">D</option>
  <option value="1">F</option>
</select>

and this for input

<input
  type='number'
  name="firstHour"
  id='first-subject'
  min="0"
  max="3"
  placeholder='Credits hours'
  onChange={e => handleInputs(e)}
/>

screen for layout

I need If user enters a value in input like First subject must select option from select input for First subject