JSFiddle - React, Tailwind, and code Playground

HTML

<div id="holder">

</div>

CSS

var label = document.createElement('label');
      label.for = 'col_' + i;
      label.textContent = randomcat1easyquestion[i];

JavaScript

var cat1question1easy = ["1", "What color is the sky?", "Red", "Pink", "Blue", "Green", "Bluecorrect"];
    cat1question1easy.name = "cat1question1easy";

    var cat1question2easy = ["2", "What color is grass", "Yellow", "Purple", "Black", "Green", "Greencorrect"];
    cat1question2easy.name = "cat1question2easy";

    var cat1question3easy = ["3", "What color is dirt?", "Brown", "White", "Turqouise", "Gray", "Browncorrect"];
    cat1question3easy.name = "cat1question3easy";

    var cat1easyquestions = new Array(cat1question1easy, cat1question2easy, cat1question3easy);


    var randomcat1easyquestion = cat1easyquestions[Math.floor(Math.random() * cat1easyquestions.length)]
    var createH3 = document.createElement('h3');
    createH3.textContent = randomcat1easyquestion[1]
    document.getElementById('holder').appendChild(createH3);
    for (var i = 2; i <= randomcat1easyquestion.length; i++) {
      var input = document.createElement('input');
      input.type = "radio";
      input.name = "color";
      input.value = randomcat1easyquestion[i];
      input.id = 'col_' + i;
      var label = document.createElement('label');
      label.for = 'col_' + i;
      label.textContent = randomcat1easyquestion[i];
      document.getElementById('holder').appendChild(input);
      document.getElementById('holder').appendChild(label)
    }