JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
  <div id="div2">
   <div id="div3">
       <span id="freshme">Hi</span>
   </div> 
  </div>
</div>
<input id="checkme" type="text" />

CSS

#div1{width:400px;height:300px;padding:50px 70px;background:yellow;}
#div2{width:200px;height:150px;padding:50px 70px;background:blue;}
#div3{width:100px;height:75px;padding:50px 70px;background:red;}
#freshme{font-size:1.3em;xxbackground:palegreen;}
#checkme{margin-top:30px;padding:2px 5px;background:wheat;}

JavaScript

$('#freshme').css('background','palegreen'); //if bg not green, js is broken

(function loopsiloop(){
    setTimeout(function(){
        var tmp = $('#checkme').val();
//alert(tmp);
        $('#freshme').text(tmp);
        loopsiloop();
    },4000);
})();

loopsiloop();