JSFiddle - React, Tailwind, and code Playground

HTML

<img src="">
    <br>
    <button>left</button>
    <button id="right">right</button>

JavaScript

$(function(){
    
    arr = [{
    'logo': 'http://placehold.it/50&text=1'
},

{
    'logo': 'http://placehold.it/50&text=2'
},

{
    'logo': 'http://placehold.it/50&text=3'
},

{
    'logo': 'http://placehold.it/50&text=4'
}

];

$('img').attr('src',arr[0]['logo']);
    
var i = 1;    
    $('#right').click(function(){
       
        $('img').attr('src',arr[i]['logo']);
        
        if(i == 3) {
 
            i=0;
        }
        else {
        i++;
            
        }
    });
});