JSFiddle - React, Tailwind, and code Playground

by Joseph Fedor

HTML

<div class="choose-start-date"><p><label><input type="radio" name="contest-start-date" value="1" data-start-date="/Date(1440273900000)/" data-end-date="/Date(1440273900000)/" data-draft-group="6982"><span class="start-date">8/22 3:05pm  (Turbo)<br>2 Games</span></label><label><input type="radio" name="contest-start-date" value="1" data-start-date="/Date(1440284700000)/" data-end-date="/Date(1440292200000)/" data-draft-group="6969"><span class="start-date">8/22 6:05pm<br>12 Games</span></label><label><input type="radio" name="contest-start-date" value="1" data-start-date="/Date(1440288600000)/" data-end-date="/Date(1440290400000)/" data-draft-group="6983"><span class="start-date">8/22 7:10pm  (Turbo)<br>2 Games</span></label><label><input type="radio" name="contest-start-date" value="1" data-start-date="/Date(1440290400000)/" data-end-date="/Date(1440292200000)/" data-draft-group="6984"><span class="start-date">8/22 7:40pm  (Late)<br>4 Games</span></label><label><input type="radio" name="contest-start-date" value="1" data-start-date="/Date(1440291900000)/" data-end-date="/Date(1440292200000)/" data-draft-group="6985"><span class="start-date">8/22 8:05pm  (Later)<br>3 Games</span></label></p></div>

JavaScript

//This function will choose the first occurance of 7oclock.  
function find7oClockStartTime() {
	var startDateDiv = document.getElementsByClassName("choose-start-date");
    var pTagWithLabels = startDateDiv[0];
    //alert(pTagWithLabels);
	var labels = pTagWithLabels.getElementsByTagName('p')[0].innerHTML;
    //alert(labels);  
	var innerLabels = pTagWithLabels.getElementsByTagName('label');
	//alert(innerLabels[0].innerHTML);
    
    var radioNode; 
	var indexOfAlegator;
	var sportString;
	var indexOf7Oclock = 0;  //choose first option (if no 7 oclock)
    var spanValue;
    var firstTimeCharacter;
	for (var i=0, max=innerLabels.length; i < max; i++) {
        radioNode = innerLabels[i]; 
        spanValue = radioNode.getElementsByTagName('span')[0].innerHTML;
        //alert(spanValue);
        
		indexOfAlegator = spanValue.indexOf(' ');
        //alert(indexOfAlegator);
		sportString = spanValue.substring(indexOfAlegator + 1);
        firstTimeCharacter = sportString.charAt(0);
        //alert(firstTimeCharacter);
		if(firstTimeCharacter.localeCompare('7') == 0) {
			indexOf7Oclock = i;
            break;
		}
	}
	
	return indexOf7Oclock;
    
}

alert(find7oClockStartTime());
/*
var startDate = document.getElementsByName("contest-start-date");
startDate[0].click();
*/