JSFiddle - React, Tailwind, and code Playground

by baximilian

HTML

<div id="placeholder"></div>

JavaScript

var dataset = {"quiz":[
    {
        "quizName":"Quiz 1",
        "question": [
            {
                "text": "1+1?",
                "choiceA": "1",
                "choiceB": "2",
            }
        ]
    },
    {
        "quizName":"Quiz 2",
        "question": [
            {
                "text": "2+2?",
                "choiceA": "3",
                "choiceA": "4",
            }
        ]
    }
]}

    var output="<ul>";
    for (var i in dataset) {
        for (var j in dataset[i])
        {
        output+="<li>" + dataset[i][j].quizName;
            
            output+="<ul>";
            output+="<li>" + dataset[i][j].question[0].text + "</li>";
            output+="<li>" + dataset[i][j].question[0].choiceA + "</li>";
            output+="<li>" + dataset[i][j].question[0].choiceB + "</li>";
            
            output+="</ul>";
            output+="</li>";
        }
    }

    output+="</ul>";
    document.getElementById("placeholder").innerHTML=output;