JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <span id="hoveredId"></span>
    <div id="x1" class="box"></div>
    <div id="x2" class="box"></div>
    <div id="x3" class="box"></div>
    <div id="x4" class="box"></div>
    </body>
</html>

CSS

.box {
    height:100px; 
    width:100px;
    background-color:#CCCCCC;
    border: 1px solid black;
}

JavaScript

var hoveredId = '';

$('div').live('click',function() {
     hoveredId = $(this).attr('id');
    $('#hoveredId').html(hoveredId);
});