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.
<input>
Denne taggen har et spesielt attributt value,
som setter startteksten som vil stå
i input-feltet når man kommer til siden:
<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:
<input id="elem" value="text">
La oss få referansen til dette input-feltet i en variabel:
let elem = document.querySelector('#elem');
Og nå skal vi vise den nåværende teksten i input-feltet på skjermen:
console.log(elem.value);
Og nå skal vi endre teksten i input-feltet til en annen:
elem.value = 'new text';
Det er gitt et input-felt og en knapp. Ved klikk på knappen skal du skrive en tekst i input-feltet.
Det er gitt et input-felt, et avsnitt og en knapp. Ved klikk på knappen skal du skrive i avsnittet teksten fra input-feltet.
Det er gitt to input-felt og en knapp. I det første input-feltet skal brukeren skrive inn et tall. Ved klikk på knappen skal du skrive i det andre input-feltet kvadratet av det innskrevne tallet.
Det er gitt to input-felt og en knapp. Ved klikk på knappen skal du skrive i det første input-feltet verdien fra det andre input-feltet, og i det andre input-feltet - verdien fra det første. Koden din skal fungere universelt, for alle verdier i input-feltene.
Det er gitt 5 input-felt, et avsnitt og en knapp. I
input-feltene skrives det inn tall. Ved klikk på knappen
skal du skrive det aritmetiske gjennomsnittet av de innskrevne
tallene i avsnittet.
