JSFiddle - React, Tailwind, and code Playground

by Rouvière Valentin

HTML

<img src="" id="image">
<button id="next">Next</button>

CSS

img{
   width: 600px;
    height: 400px;
}

JavaScript

var image  = ['http://cache.marieclaire.fr/data/fichiers/4y/chat-tricot-xxl.png',
'http://www.tourismebretagne.com/var/crtbre/storage/images/media/images/a-propos-de-la-bretagne/nature/parcs-naturels/pointe_pen_hir_presquile_crozon-2.jpg/576020-1-fre-FR/pointe_pen_hir_presquile_crozon-2.jpg_large_rwd.jpg',
'https://vignette.wikia.nocookie.net/animalcrossing/images/6/61/Goodwp-com-17730.jpg/revision/latest?cb=20151115165408&path-prefix=fr'];
document.getElementById("image").src = image[0];
var indiceImageCourante = 0 ;
document.getElementById("next").onclick=function(){
	indiceImageCourante++;
  if(indiceImageCourante === 3){
  indiceImageCourante = 0
  }
    document.getElementById("image").src = image[indiceImageCourante];
       
};