Práca s textovými poľami v JavaScripte

Teraz sa naučíme, ako získať text od používateľov našej stránky. Na to v HTML existuje špeciálny tag input, ktorý predstavuje textové pole na zadávanie údajov.

html<input>

Tento tag má špeciálny atribút value, ktorý nastavuje počiatočný text, ktorý bude v inpute napísaný pri vstupe na stránku:

html<input value="text">

Používateľ našej stránky po vstupe na stránku môže zmeniť text inputu. Pri tom, ak máme premennú obsahujúcu odkaz na tento input, tak vlastnosť value tejto premennej bude vždy obsahovať aktuálnu hodnotu textu inputu.

Skúsme to v praxi. Nech máme input s atribútom value:

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

Získajme odkaz na tento input do premennej:

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

A teraz vypíšme na obrazovku aktuálny text inputu:

javascriptconsole.log(elem.value);

A teraz zmeňme text inputu na iný:

javascriptelem.value = 'new text';