Punimi me fushat e tekstit në JavaScript

Tani do të mësojmë të marrim tekst nga përdoruesit e faqes sonë të internetit. Për këtë në HTML parashikohet një tag special input, që përfaqëson një fushë teksti për futjen e të dhënave.

html<input>

Ky tag ka një atribut special value, që vendos tekstin fillestar, i cili do të jetë i shkruar në input kur të hyni në faqe:

html<input value="text">

Përdoruesi i faqes sonë të internetit, pasi të hyjë në faqe, mund të ndryshojë tekstin e input-it. Në këtë rast, nëse kemi një variabël që përmban një referencë për këtë input, atëherë vetia value e kësaj variable do të përmbajë gjithmonë vlerën aktuale të tekstit të input-it.

Le ta provojmë në praktikë. Le të themi se kemi një input me atributin value:

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

Le të marrim referencën për këtë input në një variabël:

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

Dhe tani le të shfaqim në ekran tekstin aktual të input-it:

javascriptconsole.log(elem.value);

Dhe tani le të ndryshojmë tekstin e input-it në një tjetër:

javascriptelem.value = 'new text';