JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">

</div>

<span id="x"></span>

CSS

#box {
 width:100px;
height:100px;
 background-color:black;  
  margin-bottom:10px;
}

#x {
 border:1px solid;
width:100px;    
}

JavaScript

window.JX = $('#x');
$('#box').hover(function() {
JX.text('TESTING');
});