Arbeid med tekstfelt i JavaScript

Nå skal vi lære å få tekst fra brukerne av nettstedet vårt. For dette er det i HTML gitt et spesielt tag input, som representerer et tekstfelt for inntasting av data.

html<input>

Denne taggen har et spesielt attributt value, som setter startteksten som vil stå i input-feltet når man kommer til siden:

html<input value="text">

Brukeren av nettstedet vårt kan etter at de har kommet til siden endre teksten i input-feltet. Samtidig, hvis vi har en variabel som inneholder en referanse til dette input-feltet, vil egenskapen value i denne variabelen alltid inneholde den nåværende verdien av teksten i input-feltet.

La oss prøve i praksis. La oss si at vi har et input-felt med attributtet value:

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

La oss få referansen til dette input-feltet i en variabel:

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

Og nå skal vi vise den nåværende teksten i input-feltet på skjermen:

javascriptconsole.log(elem.value);

Og nå skal vi endre teksten i input-feltet til en annen:

javascriptelem.value = 'new text';