JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="fname" load="myFunction()">
    <div id="lname" style="visibility:hidden">hey im printing</div>

JavaScript

function myFunction()
{ 

          var x=document.getElementById("fname");
          if(x.value.length>0)
           document.getElementById("lname").style.visibility = 'visible';
            else
           document.getElementById("lname").style.visibility = 'hidden';

}