JSFiddle - React, Tailwind, and code Playground

by Joseph Fedor

HTML

<div class="choose-sport">
<p><label><input type="radio" name="contest-type" value="10">SOC</label><label><input type="radio" name="contest-type" value="12">MLB</label><label><input type="radio" name="contest-type" value="13">MMA</label><label><input type="radio" name="contest-type" value="21">NFL</label><label><input type="radio" name="contest-type" value="24">NAS</label></p>
</div>

JavaScript

var sport = document.getElementsByClassName("choose-sport");
//alert(sport[0].innerHTML);
var pTagWithLabels = sport[0];
//alert(pTagWithLabels.innerHTML);
//alert(pTagWithLabels.getElementsByTagName('p')[0].innerHTML);  //this works!
var labels = pTagWithLabels.getElementsByTagName('p')[0].innerHTML;
//alert(labels);

var innerLabels = document.getElementsByTagName('label');
//alert(innerLabels[0].innerHTML);

var radioElement; 
var indexOfAlegator;
var sportString;
var stringOfMLB;
for (var i=0, max=innerLabels.length; i < max; i++) {
    radioElement = innerLabels[i].innerHTML;
    //alert(radioElement);
    indexOfAlegator = radioElement.indexOf('>');
    sportString = radioElement.substring(indexOfAlegator + 1);
    //alert(sportString);
    if(sportString.localeCompare('MLB') == 0) {
        //alert(i);
        stringOfMLB = i;
    }
}


var contest = document.getElementsByName("contest-type");
contest[stringOfMLB].click();