Darbība ar teksta laukiem JavaScript

Tagad mēs iemācīsimies iegūt tekstu no mūsu vietnes lietotājiem. Šim nolūkam HTML ir paredzēts īpašs tags input, kas ir teksta lauks datu ievadei.

html<input>

Šim tagam ir īpašs atribūts value, kas nosaka sākotnējo tekstu, kas būs rakstīts inputā, ielāpojot lapā:

html<input value="text">

Mūsu vietnes lietotājs pēc lapas apmeklēšanas var mainīt inputa tekstu. Šajā gadījumā, ja mums ir mainīgais, kas satur saiti uz šo inputu, tad šī mainīgā īpašība value vienmēr saturēs inputa teksta pašreizējo vērtību.

Izmēģināsim praksē. Pieņemsim, ka mums ir inputs ar atribūtu value:

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

Iegūsim saiti uz šo inputu mainīgajā:

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

Un tagad izvadīsim uz ekrāna inputa pašreizējo tekstu:

javascriptconsole.log(elem.value);

Un tagad nomainīsim inputa tekstu uz citu:

javascriptelem.value = 'new text';