Подаване на 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 на input.