var text = document.querySelector('.text')
var input = document.querySelector('input')
input.addEventListener('keyup', function(){
text.innerText = this.value
input.value !== '' ? text.style.display = 'block' : text.style.display = 'none'
})
input.addEventListener('blur',function(){
text.style.display = 'none'
})
input.addEventListener('focus',function(){
if(input.value !== ''){
text.style.display = 'block'
}
})
<div class="text">
</div>
<input type="text">