Arbejde med tekstfelter i JavaScript
Nu skal vi lære at modtage tekst
fra brugerne af vores hjemmeside. Til dette
er der i HTML en speciel tag input,
som repræsenterer et tekstfelt til indtastning
af data.
<input>
Denne tag har en speciel attribut value,
som angiver den starttekst, der vil stå
i inputfeltet når man kommer til siden:
<input value="text">
Brugeren af vores hjemmeside kan efter ankomst til
siden ændre inputfeltets tekst. Selvom
vi har en variabel, der indeholder
en reference til dette inputfelt, vil egenskaben value
af denne variabel altid indeholde den aktuelle
værdi af inputfeltets tekst.
Lad os prøve det i praksis. Antag at vi har et inputfelt
med attributten value:
<input id="elem" value="text">
Lad os få en reference til dette inputfelt i en variabel:
let elem = document.querySelector('#elem');
Og nu vil vi vise den aktuelle tekst i inputfeltet på skærmen:
console.log(elem.value);
Og nu skal vi ændre inputfeltets tekst til en anden:
elem.value = 'new text';
Der gives et inputfelt og en knap. Ved klik på knappen skal du skrive en hvilken som helst tekst i inputfeltet.
Der gives et inputfelt, en afsnit og en knap. Ved klik på knappen skal du skrive i afsnittet teksten fra inputfeltet.
Der gives to inputfelter og en knap. I det første inputfelt indtaster brugeren et tal. Ved klik på knappen skal du skrive i det andet inputfelt kvadratet af det indtastede tal.
Der gives to inputfelter og en knap. Ved klik på knappen skal du skrive i det første inputfelt værdien af det andet inputfelt, og i det andet inputfelt - værdien af det første. Din kode skal fungere universelt, for enhver værdi af inputfelterne.
Der gives 5 inputfelter, en afsnit og en knap. I
inputfelterne indtastes tal. Ved klik på knappen
skal du skrive det aritmetiske gennemsnit af de indtastede
tal i afsnittet.
