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

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

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

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

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

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

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

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

let elem2 = document.getElementById('elem2');
setText(elem2, 'text2');
Задание 1

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

Задание 2

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

Задание 3

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