JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<button id="prev">prev</button>
<button id="next">next</button>
<div id="test">
    <h1>0</h1>
</div>

JavaScript

var next = document.querySelector('#next');
var prev = document.querySelector('#prev');
var result = document.querySelector('#test h1');
var count = 0;

var nextArr = [1,2,3];

result.innerHTML = nextArr[count];

next.addEventListener('click',function(){
	count++;
    if(count === 3){
    	count = 0;
    }
    result.innerHTML = 'next-' + nextArr[count]
})

prev.addEventListener('click',function(){
	count--;
    if(count === -1){
    	count = 2;
    }
    result.innerHTML = 'prev-' + nextArr[count]
})