toss.html

<div class="fix-width-container">

  <div class="text-center my-3">
    <span class="h1">
      <img src="assets/images/toss.png" width="45" height="45">
    </span>
    <span class="h1">
      Toss
    </span>
  </div>

  <div class="row px-lg-5 py-3 mb-lg-5">
    <div class="col-12">
      <label class="form-label text-success h5">Toss won by:</label>
      <select class="form-select bg-dark text-white" id="teamNames">
      </select>
    </div>
    <div class="col-12 mt-3">
      <label class="form-label text-success h5">Chose to:</label>
      <select class="form-select bg-dark text-white" id="tossDecision">
        <option value="bat">Bat</option>
        <option value="field">Field</option>
      </select>
    </div>
    <div class="col-12 mt-3">
      <label class="form-label text-success h5">No. of overs:</label>
      <select class="form-select bg-dark text-white" id="overs">
      </select>
    </div>
    <div class="col-12 mt-3">
      <label class="form-label text-success h5">No. of players:</label>
      <select class="form-select bg-dark text-white" id="players">
      </select>
    </div>
    <div class="col-12 mt-3">
      <button class="btn btn-lg btn-success" onclick="tossOverAndPlay()">Next</button>
    </div>
  </div>
</div>