<div class="row mb-3 mt-4 ms-5">

  <div class="col-sm-2">

    <div class="form-outline">

      <input name="gameTime" type="text" class="form-control active" value="" placeholder="7 PM" required>

      <label class="form-label">Game Time <span class="text-danger">*</span></label>

    </div>

  </div>

  <div class="col-sm-2">

    <div class="form-outline">

      <input name="gameWeekNumber" type="text" class="form-control active" value="" placeholder="0">

      <label class="form-label">Week</label>

    </div>

  </div>

</div>

​

  document.querySelectorAll('input').forEach((input) => {

    input.addEventListener('blur', (e) => {

      e.target.classList.add('active')

    })

  })