Overførsel af DOM element som parameter

I tidligere lektioner har vi overført til vores funktioner selectorer for elementer, og vores funktioner har selv hentet referencer til disse elementer inde i deres kode. Der findes en anden tilgang: i funktionen kan man overføre allerede hentede referencer til elementer.

Lad os se på et eksempel. Lad os sige at vi har følgende kode:

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

Lad os lave funktionen setText, som som første parameter vil modtage en reference til et DOM element, og som andet - elementets tekst:

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

Lad os bruge den funktion, vi har oprettet, til at indstille teksten i vores afsnit:

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

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

Lav funktionen appendText, som som første parameter vil modtage et DOM element, og som andet - tekst. Gør så, at denne funktion tilføjer teksten i slutningen af dette element.

Der er givet afsnit. Hent dem, gennemgå dem med en løkke og tilføj til hver i slutningen '!' ved hjælp af funktionen appendText, lavet i den foregående opgave.

Lav funktionen setValue, som som første parameter vil modtage en reference til et inputfelt, og som andet - tekst. Gør så, at denne funktion indstiller den overførte tekst i inputfeltets value.