JSFiddle - React, Tailwind, and code Playground

HTML

<style>
 div{
            
        background: orange;
    }  
    </style>

<br>
<br>
<br>
<div id="test">
    <p id="hello">HELLO</p>
    <p id="no-hello">NO HELLO</p>
</div>

JavaScript

$('#test').hover(function() {
    if ($('#hello:hover').length > 0) {
         document.getElementById('hello').textContent = "A god like being, power swirls and mystifies beholder. Thousands of creations wander around the blank room. The room that seems to never end, that cannot be perceived by those other than the creator. The box confining those within, puppeteered by the being. The hands block those within from escaping, the hands of the creator";
    } else {
     document.getElementById('hello').textContent = "It pulls on it's chains";
    }
});