DOM elem átadása függvény paraméterként

Az előző leckékben átadtuk a függvényeinknek az elemek szelektorait, és a függvényeink maguk kapták meg ezeknek az elemeknek a hivatkozásait a saját kódjukon belül. Létezik egy másik megközelítés is: a függvénynek már korábban megkapott elemhivatkozásokat is át lehet adni.

Nézzük meg egy példán. Tegyük fel, hogy a következő kódunk van:

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

Készítsük el a setText függvényt, amely első paraméterként egy DOM elemre mutató hivatkozást fogad, a második paraméter pedig az elem szövege:

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

Használjuk a létrehozott függvényt a bekezdéseink szövegének beállításához:

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

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

Készítsd el a appendText függvényt, amely első paraméterként egy DOM elemet fogad, a második paraméter pedig egy szöveg. Állítsd be úgy, hogy ez a függvény a szöveget az elem végéhez fűzze.

Adottak bekezdések. Kérdezd le őket, addig végig ciklussal és mindegyikhez adj a végéhez egy '!' karaktert a appendText függvénnyel, amelyet az előző feladatban készítettél.

Készítsd el a setValue függvényt, amely első paraméterként egy input elemre mutató hivatkozást fogad, a második paraméter pedig egy szöveg. Állítsd be úgy, hogy ez a függvény az átadott szöveget az input value értékeként állítja be.