JSFiddle - React, Tailwind, and code Playground

by dipeshbeckham

HTML

<button data-src="http://placehold.it/350x150">One</button>
<button data-src="http://placehold.it/355x155">Second</button>
<button data-src="http://placehold.it/360x160">Third</button>
<button data-src="http://placehold.it/370x170">Fourth</button>
<button data-src="http://placehold.it/380x180">Fifth</button>

<div id="image"></div>

JavaScript

$(function(){
		
		$('button').on('click',function(e){
			e.preventDefault();
			
			var imgSRC = $(this).data('src');
			
			$('#image').html('<img src="'+imgSRC+'" alt="" />');
		});
		
	});