Как организовать вывод ошибок при некорректном вводе числа?

У меня есть input.

В input должны вводится целые числа.

Моя задача сводится к тому, чтобы показать в верстке ошибки, которые я сейчас консольложу (функция calculate.js)

Я понимаю как это сделать, теоретически, но у меня ничего не получается сделать. Мне нужно создавать элемент с ошибкой, в случае неверного ввода, например, текст над input, а затем, когда ввод будет верный, мне нужно убрать это сообщение об ошибке.

Вопрос: как это сделать?

Ссылка на проект.


Ответы (1 шт):

Автор решения: Mira

На чистом js делать компонент видимы - невидимым , так же как и установить любое другое его свойство можно получив компонет по id.

Вот вы создали компонет:

<div id="myP"></div>

И далее чтоб получить его и изменить видимость

 document.getElementById("myP").style.visibility = "hidden"; 
  
→ Ссылка