JSFiddle - React, Tailwind, and code Playground

by hicurin

HTML

<input type="radio" name="diff" id="easyDiff" value="easy">
        <label for="easyDiff">Easy</label>
        <input type="radio" name="diff" id="medDiff" value="medium" checked="checked">
        <label for="medDiff">Medium</label>
        <input type="radio" name="diff" id="hardDiff" value="hard">
        <label for="hardDiff">Hard</label>
        <input type="submit" value="Start Game!" onClick="setDifficulty()"/>

JavaScript

function setDifficulty(){
        var radioButtons = document.getElementsByName("diff")[0];
        for (var i = 0; i < radioButtons.length; i++) {
            if (radioButtons[i].getAttribute('checked') == ) {
                difficulty = radioButtons[i].value;
                alert(difficulty);
            }
        }
}