Пренос на 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-от.