JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div>
    <img src="http://placehold.it/100x100" data-name="Image 1" class="project"/>
    <img src="http://placehold.it/100x100" data-name="Image 2" class="project"/>
    <img src="http://placehold.it/100x100" data-name="Image 3" class="project"/>
</div>
<div id="infodiv"><p id="info"></p></div>

JavaScript

$(document).ready(function(){
    $(".project").mouseover(function(){
        $("#info").html($(this).data('name'));
    }).mouseout(function(){
        $("#info").html('');
    });
});