Odovzdávanie DOM elementu ako parametru funkcie

V predchádzajúcich lekciách sme odovzdávali selektory elementov naším funkciám a naše funkcie samy získali referencie na tieto elementy vo svojom kóde. Existuje aj iný prístup: môžete do funkcií odovzdávať už skôr získané referencie na elementy.

Pozrime sa na príklad. Povedzme, že máme nasledujúci kód:

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

Vytvorme funkciu setText, ktorá bude brať referenciu na DOM element ako prvý parameter a text elementu ako druhý:

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

Použitie nami vytvorenej funkcie na nastavenie textu našich odsekov:

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

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

Vytvorte funkciu appendText, ktorá berie DOM element ako prvý parameter a text ako druhý. Uistite sa, že táto funkcia pridá text na koniec tohto elementu.

Dané odseky. Získajte ich, prejdite cez ne a pridajte '!' na koniec každého pomocou funkcie appendText vytvorenej v predchádzajúcej úlohe.

Vytvorte funkciu setValue, ktorá bude brať referenciu na vstup ako prvý parameter a text ako druhý. Uistite sa, že táto funkcia nastaví odovzdaný text na value vstupu.