JSFiddle - React, Tailwind, and code Playground

by Zeljko Tadic

HTML

<div class="game-selection-tab">
      <h2>30m + 15s</h2>
    </div>
    <div class="game-selection-tab">
      <h2>60m + 0s</h2>
    </div>
    <div class="game-selection-tab">
      <h2>Custom</h2>
    </div>

JavaScript

var selectionTabs = document.getElementsByClassName("game-selection-tab");

for(var i = 0; i < selectionTabs.length; i++){

  var tab = selectionTabs[i];
  
  tab.onclick = function(){
  var content = this.getElementsByTagName("h2");
   console.log(content[0].textContent);
  }
}