how to hide div class while textbox filled

Question

How to hide div class using JavaScript while textbox is filled?

I want to hide class loadData while textbox(t1) is filled.

Example code:

<input type="text" name="t1" placeholder="search">


<div class="loadData">
     // some content here....
</div>

Answer 1

    window.onload = function () {
    elements = document.getElementsByName("t1"); 
    var divs = document.getElementsByClassName("loadData");
    elements.onblur = function() { divs.style.visibility="hidden"; };
    };