Rad sa tekstualnim poljima u JavaScript

Sada ćemo naučiti kako da dobijamo tekst od korisnika naše veb stranice. Za ovo u HTML-u je predviđen poseban tag input, koji predstavlja tekstualno polje za unos podataka.

html<input>

Ovaj tag ima poseban atribut value, koji postavlja početni tekst koji će biti napisan u input polju prilikom ulaska na stranicu:

html<input value="text">

Korisnik naše stranice nakon ulaska na stranicu može promeniti tekst input polja. Pri tome, ako imamo promenljivu koja sadrži referencu na ovaj input, onda će svojstvo value te promenljive uvek sadržati trenutnu vrednost teksta input polja.

Pokušajmo u praksi. Neka imamo input sa atributom value:

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

Dobijmo referencu na ovaj input u promenljivu:

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

A sada prikažimo na ekranu trenutni tekst input polja:

javascriptconsole.log(elem.value);

A sada promenimo tekst input polja na drugi:

javascriptelem.value = 'new text';