Работа з тэкставымі палямі ў JavaScript

Зараз мы з вамі навучымся атрымліваць тэкст ад карыстальнікаў нашага сайта. Для гэтага ў HTML прадугледжаны спецыяльны тэг input, які прадстаўляе сабой тэкставае поле для ўводу даных.

html<input>

У данага тэга ёсць спецыяльны атрыбут value, які задае пачатковы тэкст, які будзе напісаны ў інпуце па заходзе на старонку:

html<input value="text">

Карыстальнік нашага сайта пасля заходу на старонку можа змяніць тэкст інпута. Пры гэтым, калі ў нас ёсць пераменная, якая змяшчае спасылку на гэты інпут, то ўласцівасць value гэтай пераменнай заўсёды будзе змяшчаць бягучы знaчэнне тэксту інпута.

Паспрабуем на практыцы. Хай у нас інпут з атрыбутам value:

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

Атрымаем спасылку на гэты інпут у пераменную:

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

А зараз вывядзем на экран бягучы тэкст інпута:

javascriptconsole.log(elem.value);

А зараз зменім тэкст інпута на іншы:

javascriptelem.value = 'new text';