Работа с текстови полета в JavaScript

Сега ще се научим да получаваме текст от потребителите на нашия сайт. За това в HTML е предвиден специален таг input, който представлява текстово поле за въвеждане на данни.

html<input>

Този таг има специален атрибут value, който задава начален текст, който ще бъде написан в инпута при достъпване на страницата:

html<input value="text">

Потребителят на нашия сайт след достъпване на страницата може да промени текста в инпута. При това, ако имаме променлива, съдържаща връзка към този инпут, то свойството value на тази променлива винаги ще съдържа текущата стойност на текста в инпута.

Нека опитаме на практика. Нека имаме инпут с атрибут value:

html<input id="elem" value="text">

Нека получим връзка към този инпут в променлива:

javascriptlet elem = document.querySelector('#elem');

А сега нека изведем на екрана текущия текст на инпута:

javascriptconsole.log(elem.value);

А сега нека променим текста в инпута на друг:

javascriptelem.value = 'new text';