JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div id="test"></div>

JavaScript

var quiz = [
	{
    	question: 'how old are you',
        answer1 : 19,
        answer2 : 22,
        answer3 : 23,
        answer4 : 34,
        correct: 2
    },
    {
    	question: 'how are you',
        answer1 : 'good',
        answer2 : 'fine',
        answer3 : 'bad',
        answer4 : 'idk',
        correct: 3
    }
]
function getQuiz(a){
	for(var i = 0; i < a.length; i++){
    	document.querySelector('#test').innerHTML += `
        	<h2> ${ a[i].question }</h2><br>
            <table>
            	<tr>
                	<td class="asnwer">${ a[i].answer1 }</td>
                    <td class="asnwer">${ a[i].answer2 }</td>
                    <td class="asnwer">${ a[i].answer3 }</td>
                    <td class="asnwer">${ a[i].answer4 }</td>
                </tr>
            </table>
        `
    }
}
getQuiz(quiz)