JSFiddle - React, Tailwind, and code Playground

HTML

<div id="questionAnswerRadio"></div>

JavaScript

$(document).ready(function () {
    var myArray = ["never", "sometimes", "always"];

  
    for (i = 0; i < myArray.length; i++) {
        addradiobutton("radio", i + 1, label = myArray[i]);
    }



    function addradiobutton(type, number, text) {
        var label = document.createElement("label");

        var element = document.createElement("input");
        //Assign different attributes to the element.
        element.setAttribute("type", type);
        element.setAttribute("value", number);
        element.setAttribute("name", type);
        element.setAttribute("id", "radio_" + number);

        label.appendChild(element);
        label.innerHTML += text;

        var foo = document.getElementById("questionAnswerRadio");
        //Append the element in page (in span).
        foo.appendChild(label);
    }

    
    $("#questionAnswerRadio").click(function (event) {
        var currentSlideResult = 0;
        currentSlideResult.answerChosen = $("#questionAnswerRadio :radio:checked + label").text();
        currentSlideResult.numberChosen = $("#questionAnswerRadio :radio:checked + value").text();
        alert(currentSlideResult.answerChosen)
    });

});