JSFiddle - React, Tailwind, and code Playground
HTML
<button id="next">next</button>
<div id="info">
</div>
JavaScript
$(function() {
var arr01 = ['a1', 'a2', 'a3', 'a4'],
arr02 = ['b1', 'b2', 'b3', 'b4'],
arr03 = ['c1', 'c2', 'c3', 'c4'],
globalArray = [arr01, arr02, arr03];
var i = 0;
$("#next").click(function(){
if (i < globalArray.length) {
document.getElementById("info").innerHTML = globalArray[i];
i++;
} else {
i = 0;
document.getElementById("info").innerHTML = globalArray[i];
i++;
}
});
});