JSFiddle - React, Tailwind, and code Playground

by paranoo

HTML

<button>image 1</button>
<button>image 2</button>
<div id='image'></div>

JavaScript

var images = [
     'https://i.imgur.com/X3iY0e3.jpg',
     'https://i.imgur.com/MrsKxdZ.jpg',
   ];
   
   var image = document.getElementById('image');
   var buttons = document.getElementsByTagName('button');
   
   function pourAfficherImage(i) {
     return function() {
     	image.innerHTML = '<img src="' + images[i] + '">'
     };
   }
   
   for (var i = 0; i < buttons.length; i++) {
     buttons[i].onclick = pourAfficherImage(i);
   }