better-way-to-attach-event-listener-with-vanilla-js-1.html

better-way-to-attach-event-listener-with-vanilla-js-1.html

<form class="my-form">
  <fieldset class="input-field" role="radiogroup" tabindex=0>
    <legend class="form-label">Venue Location</legend>
    <div class="radio-button-container">
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="sydney"
               name="venue" value="Sydney" />
        <label class="radio-label" for="sydney">
          <span class="ph-tick"></span>
          Sydney
        </label>
      </div>
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="melbourne"
               name="venue" value="melbourne" />
        <label class="radio-label" for="melbourne">
          <span class="ph-tick"></span>
          Melbourne
        </label>
      </div>
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="adelaide"
               name="venue" value="adelaide" />
        <label class="radio-label" for="adelaide">
          <span class="ph-tick"></span>
          Adelaide
        </label>
      </div>
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="brisbane"
               name="venue" value="brisbane" />
        <label class="radio-label" for="brisbane">
          <span class="ph-tick"></span>
          Brisbane
        </label>
      </div>
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="perth"
               name="venue" value="perth" />
        <label class="radio-label" for="perth">
          <span class="ph-tick"></span>
          Perth
        </label>
      </div>
    </div>
  </fieldset>
</form>