Delo z besedilnimi polji v JavaScript

Trenutno se bomo naučili pridobivati besedilo od uporabnikov naše spletne strani. Za to je v HTML predviden poseben tag input, ki predstavlja besedilno polje za vnos podatkov.

html<input>

Ta tag ima poseben atribut value, ki določa začetno besedilo, ki bo napisano v inputu ob obisku strani:

html<input value="text">

Uporabnik naše spletne strani lahko po obisku strani spremeni besedilo inputa. Pri tem, če imamo spremenljivko, ki vsebuje referenco na ta input, potem lastnost value te spremenljivke vedno vsebuje trenutno vrednost besedila inputa.

Poskusimo v praksi. Naj imamo input z atributom value:

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

Pridobimo referenco na ta input v spremenljivko:

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

In zdaj izpišimo trenutno besedilo inputa na zaslon:

javascriptconsole.log(elem.value);

In zdaj spremenimo besedilo inputa v drugo:

javascriptelem.value = 'new text';