JSFiddle - React, Tailwind, and code Playground

by Ryan Brown

HTML

<button id="n" class="b">NEXT</button>
 <button id="p" class="b">PREV</button>

CSS

body {
    background:black;
}

.b {
    background:black;
    color:white;
}

JavaScript

$(document).ready(function(){

var i = 0;

    $("#n").click(function() {
        i++;
        if ( i > 13 ){ i = 1; };
        $('body').css('background-image',  'url(images/bg/' + i + '.png)');   
    });

    $("#p").click(function() {
        i--;
        if ( i <= 0 ){ i = 13; };
        $('body').css('background-image',  'url(images/bg/' + i + '.png)');    
    });
});