Posredovanje DOM elementa kot parameter funkcije

V prejšnjih lekcijah smo v naše funkcije posredovali izbirnike elementov in so naše funkcije same pridobile sklice na te elemente znotraj svoje kode. Obstaja tudi drug pristop: v funkcijo lahko posredujete že predhodno pridobljene sklice na elemente.

Poglejmo si na primeru. Naj imamo naslednjo kodo:

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

Naredimo funkcijo setText, ki bo prvi parameter sprejela sklic na DOM element, drugega pa - besedilo elementa:

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

Uporabimo ustvarjeno funkcijo za nastavitev besedila naših odstavkov:

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

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

Naredite funkcijo appendText, ki bo prvi parameter sprejela DOM element, drugega pa - besedilo. Poskrbite, da bo ta funkcija dodala besedilo na konec tega elementa.

Podani so odstavki. Pridobite jih, ponovite z zanko in vsakemu na konec dodajte '!' s pomočjo funkcije appendText, narejene v prejšnji nalogi.

Naredite funkcijo setValue, ki bo prvi parameter sprejela sklic na vnosno polje, drugega pa - besedilo. Poskrbite, da bo ta funkcija nastavila posredovano besedilo v value vnosnega polja.