JSFiddle - React, Tailwind, and code Playground

HTML

<form name="quiz" id='quiz'><h4>Do you accept the Terms of Agreement?</h4>
    <center>
    <ul style="margin-top: 1pt" id="navlist">
        <li style="list-style: none;">
            <input type="radio" onclick=tryToMakeLink(); name="q1" value="Yes" />Yes
            <input type="radio" onclick=tryToMakeLink(); name="q1" value="No" />No
      </li>
    </ul>
    </center>
    <br>
    <div id=linkDiv>
        <input style="display: none;" type=button disabled=disabled value=Next />
    </div>
</form>

CSS

#navlist li {
    margin-left: auto;
    margin-right: auto;
}
style="color:#fa7f28; font-size:20px; font-weight:bold;

JavaScript

function tryToMakeLink() {
    //get all selected radios
    var q1 = document.querySelector('input[name="q1"]:checked');

    //make sure the user has selected all 3
    if (q1 == null) {
        document.getElementById("linkDiv").innerHTML = "<input type=button disabled=disabled value=Next>";
    } else {
        //now we know we have 3 radios, so get their values
        q1 = q1.value;

        //now check the values to display a different link for the desired configuration
        if (q1 == "Yes") {
          document.getElementById("linkDiv").innerHTML = "<script type=text/javascript src=http://form.jotform.us/jsform/32217646901149 />";
        } else if (q1 == "No") {
            document.getElementById("linkDiv").innerHTML = "other 8b white";
        }
    }
}
//]]>