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:

html<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ý:

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

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

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

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