Insert Adjacent Element

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