DOM элементин функциянын параметри катары өткөрүү

Алдыңкы сабактарда биз функцияларыбызга элементтердин селекторлорун өткөрүп, ал функциялар өз кодунун ичинде ошол элементтерге шилтемелерди өздөрү алышкан. Башка жакындоо да бар: функцияга мурунтан эле алынган элементтерге шилтемелерди өткөрсө болот.

Мисалга карап көрөлү. Бизде төмөнкү код бар дейли:

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

Келгиле, биринчи параметри катары DOM элементине шилтеме, экинчи параметри катары элементтин текстин кабыл алган setText функциясын жасайлы:

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

Жасалган функциябызды абзацтарыбыздын текстин коюу үчүн колдонолу:

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

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

Биринчи параметри катары DOM элементин, экинчи параметри катары текст кабыл алган appendText функциясын жасаңыз. Бул функция текстти ушул элементтин аягына кошсун.

Задание 2

Абзацтар берилген. Аларды алыңыз, цикл менен айланып өтүңүз жана ар биринин аягына мурунку тапшырмада жасалган appendText функциясын колдонуп '!' кошуңуз.

Задание 3

Биринчи параметри катары инпутко шилтеме, экинчи параметри катары текст кабыл алган setValue функциясын жасаңыз. Бул функция өткөрүлгөн текстти инпуттун value'сине коюп берсин.