Insert Adjacent HTML

Instead consoling the message after you created it, and after you have identified the problem, you may want to show the message to the user. A common technique is to insert an element exactly below the input field that produced an error. 

You can do this either with: insertAdjacentElement or insertAdjacentHTML