Darbas su teksto laukais JavaScript

Dabar mes išmoksime gauti tekstą nuo mūsų svetainės vartotojų. Tam HTML numatytas specialus tag'as input, kuris yra teksto laukas duomenų įvedimui.

html<input>

Šis tag'as turi specialų atributą value, kuris nurodo pradinį tekstą, kuris bus parašytas input'e užkrovus puslapį:

html<input value="text">

Mūsų svetainės vartotojas, užkrovęs puslapį, gali pakeisti input'o tekstą. Tuo atveju, jei mes turime kintamąjį, kuriame yra nuoroda į šį input'ą, tai value savybė to kintamojo visada turės esamą input'o teksto reikšmę.

Išbandykime praktiškai. Tarkime, mes turime input'ą su value atributu:

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

Gaukime nuorodą į šį input'ą į kintamąjį:

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

Ir dabar išveskime į ekraną esamą input'o tekstą:

javascriptconsole.log(elem.value);

Ir dabar pakeiskime input'o tekstą į kitą:

javascriptelem.value = 'new text';