Prosleđivanje DOM elementa kao parametra funkcije

U prethodnim lekcijama prosleđivali smo u naše funkcije selektore elemenata, i naše funkcije su same dobijale reference na te elemente unutar svog koda. Postoji i drugi pristup: u funkciju možete proslediti već prethodno dobijene reference na elemente.

Pogledajmo na primeru. Neka imamo sledeći kod:

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

Napravimo funkciju setText koja će prvi parametar primati referencu na DOM element, a drugi - tekst elementa:

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

Iskoristimo kreiranu funkciju za postavljanje teksta naših pasusa:

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

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

Napravite funkciju appendText koja će prvi parametar primati DOM element, a drugi - tekst. Uredite tako da ova funkcija dodaje tekst na kraj tog elementa.

Data su dva pasusa. Dobijte ih, prođite kroz petlju i svakom dodajte na kraj '!' pomoću funkcije appendText, napravljene u prethodnom zadatku.

Napravite funkciju setValue koja će prvi parametar primati referencu na polje za unos (input), a drugi - tekst. Uredite tako, da ova funkcija postavlja prosleđeni tekst u value polja za unos.