DOM elementinin funksiya parametri kimi ötürülmesi

Əvvəlki dərslərdə biz funksiyalarımıza element selektorlarını ötürürdük və funksiyalarımız öz kodları daxilində bu elementlərə istinadları özü alırdı. Başqa bir yanaşma da var: funksiyaya əvvəlcədən alınmış element istinadları ötürülə bilər.

Gəlin bir nümunəyə baxaq. Tutaq ki, bizdə aşağıdakı kod var:

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

Gəlin setText funksiyasını edək, hansı ki, ilk parametr kimi DOM elementinə istinad qəbul edəcək, ikinci parametr kimi isə - elementin mətnini:

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

Yaratdığımız funksiyadan abzaslarımızın mətnini təyin etmək üçün istifadə edək:

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

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

appendText funksiyasını edin, hansı ki, ilk parametr kimi DOM elementi, ikinci parametr kimi isə - mətni qəbul edəcək. Elə edin ki, bu funksiya mətni həmin elementin sonuna əlavə etsin.

Задание 2

Abzaslar verilib. Onları əldə edin, tsikllə dolaşın və hər birinin sonuna əvvəlki məsələdə edilmiş appendText funksiyası vasitəsilə '!' əlavə edin.

Задание 3

setValue funksiyasını edin, hansı ki, ilk parametr kimi inputa istinad qəbul edəcək, ikinci parametr kimi isə - mətni. Elə edin ki, bu funksiya ötürülən mətni inputun value-una təyin etsin.