JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<a href="javascript:;" onclick="previous()">Anterior</a>
<span id="view">a</span>
<a href="javascript:;" onclick="next()">Próximo</a>
</div>
JavaScript
var photos = ['a','b','c','d','e','f','g','h','i','j'];
var total = photos.length;
var page = 1;
function next() {
page++;
if (page > total){
page = total;
}
view();
}
function previous() {
page--;
if (page < 1){
page = 1;
}
view();
}
function view() {
document.getElementById("view").innerHTML = photos[page - 1];
}
view();