JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div id="dog-selected">dog</div>
<div id="cat-selected">cat</div>
<div id="mouse-selected">mouse</div>

<div class="dog"><img src="http://enjayenterprises.com/images/dog_newspaper.jpg"></div>
<div class="cat"><img src="http://2.bp.blogspot.com/-lyr-v94jKjI/UL1rJ7ipKVI/AAAAAAAACQQ/Cw1gQjZTY2o/s1600/grumpy+cat+original+photos.PNG"></div>
<div class="mouse"><img src="http://www.velaz.cz/wp-content/uploads/SCID-Beige-mice.jpg"></div>

JavaScript

$('div').click(function(e) {

    var selected = $(this).attr('class') || $(this).attr('id');
    
   alert('You clicked on div: ' + selected);
    
});