JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<input type="submit"  value="Submit" ></input>

JavaScript

var index= 0;
var questionArray = [{question:'question1',ansA:'A1',ansB:'B1',ansC:'C1',ansD:'D1'},
                    {question:'question2',ansA:'A2',ansB:'B2',ansC:'C2',ansD:'D2'}];
function replaceQuestion(){
    var args = [].slice.call(arguments);
    var divs = [].slice.call(document.getElementsByTagName('div'));
    divs.forEach(function(e){e.parentElement.removeChild(e);});
    args.forEach(function(e){
        var div = document.createElement('div');
    var label = document.createElement('label');
    label.textContent = e;
        div.appendChild(label);
    document.body.appendChild(div);       
    });
    
}
$('input[type="submit"]').click(function() {
    $('input[type="submit"]').attr('value','Submit');

    if(index<questionArray.length){
        var q = questionArray[index].question;
        var a = questionArray[index].ansA;
        var b = questionArray[index].ansB;
        var c = questionArray[index].ansC;
        var d = questionArray[index].ansD;
        replaceQuestion(q, a, b, c, d, index);

    index++;
    }
    });