JSFiddle - React, Tailwind, and code Playground

by JohnFish

HTML

<button class="back" onclick="updateQuestion(-1)">back</button>
<span class="question"></span>

<button class="next" onclick="updateQuestion(1)">next</button>

JavaScript

var testArray = ["first q", "second q", "third q", "fourth q"];
var questionIndex = 0;

function updateQuestion(direction) {
    questionIndex += direction;
    if (questionIndex < testArray.length && questionIndex >= 0) {
        $(".question").html(testArray[questionIndex]);
    } else {
        questionIndex -= direction;
    }
}

$(document).ready(function () {
    updateQuestion(0);
});