JSFiddle - React, Tailwind, and code Playground

HTML

<span id="question">Welcom to my Game hit next to play...</span>
<button id="nextbutton" onclick="nextQ()">Next</button>

JavaScript

var allQuestions = [
["Who is Prime Minister of the United Kingdom?", 
"What is my favourite colour?",
"What shape is the moon?",
"What year was the car invented?",
"What day do catholics go to mass?"],[
["David Cameron", "Gordon Brown", "Winston Churchill", "Tony Blair"], 
["Red","Blue","Green","Another"],
["Square","Rectangle","Pentagon","Round"],
["1914","1924","1934","None of the above"],
["Never","Sunday","Tuesday","Monday"]], 
[0,1,3,3,1]]; 
//Correct answers go here  between 0,1,2,3
var questionIndex = 0

$("#nextbutton").on("click", function () {
	questionIndex+=1
	    if (questionIndex <=5) {
        $("#question").text("<b>Question " + questionIndex +"</b>: " + allQuestions[0][questionIndex-1]) 
        }
                

                
                
		});