Прослеђивање DOM елемента као параметра функције

У претходним лекцијама смо у наше функције прослеђивали селекторе елемената, а наше функције су саме добијале референце на те елементе унутар свог кода. Постоји и други приступ: функцији се могу проследити већ раније добијене референце на елементе.

Хајде да погледамо на примеру. Нека имамо следећи код:

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

Хајде да направимо функцију setText која ће први параметар примати као референцу на DOM елемент, а други - текст елемента:

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

Искористимо направљену функцију да поставимо текст нашим пасусима:

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

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

Направите функцију appendText која ће први параметар примати као DOM елемент, а други - текст. Направите тако да ова функција додаје текст на крај тог елемента.

Дати су пасуси. Добијте их, прођите кроз њих петљом и сваком додајте на крај '!' користећи функцију appendText, направљену у претходном задатку.

Направите функцију setValue која ће први параметар примати као референцу на поље за унос (input), а други - текст. Направите тако да ова функција поставља прослеђени текст у value поља за унос.