Overføring av DOM-element som funksjonsparameter

I tidligere leksjoner overførte vi elementvelgere til våre funksjoner, og våre funksjoner hentet selv referansene til disse elementene inni sin egen kode. Det finnes en annen tilnærming: i funksjonen kan man overføre allerede hentede referanser til elementer.

La oss se på et eksempel. La oss si at vi har følgende kode:

<p id="elem1"></p>
<p id="elem2"></p>

La oss lage en funksjon setText som vil ta en referanse til et DOM-element som første parameter, og elementets tekst som den andre:

function setText(elem, text){
	elem.textContent = text;
}

La oss bruke funksjonen vi laget for å sette teksten i våre avsnitt:

let elem1 = document.getElementById('elem1');
setText(elem1, 'text1');

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');

Lag en funksjon appendText som tar et DOM-element som første parameter, og tekst som den andre. Gjør slik at denne funksjonen legger til teksten på slutten av dette elementet.

Det er gitt avsnitt. Hent dem, gjenta i en løkke og legg til '!' på slutten av hvert avsnitt ved hjelp av funksjonen appendText, laget i forrige oppgave.

Lag en funksjon setValue som tar en referanse til et input-felt som første parameter, og tekst som den andre. Gjør slik at denne funksjonen setter den overførte teksten i input-feltets value.