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:

<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:

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

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

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

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

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.

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.

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.