DOM элементін функция параметрі ретінде беру

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

Мысалға қарайық. Бізде келесі код бар делік:

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

setText функциясын жасайық, ол бірінші параметр ретінде DOM элементіне сілтемені қабылдайды, ал екіншісі - элементтің мәтінін:

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

Жасаған функциямызды абзацтардың мәтінін орнату үшін қолданайық:

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

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

appendText функциясын жасаңыз, ол бірінші параметр ретінде DOM элементін қабылдайды, ал екіншісі - мәтінді. Бұл функцияның мәтінді осы элементтің соңына қосатындай етіңіз.

Абзацтар берілген. Оларды алыңыз, цикл арқылы айналыңыз және әрқайсысының соңына алдыңғы тапсырмада жасалған appendText функциясын қолданып '!' қосыңыз.

setValue функциясын жасаңыз, ол бірінші параметр ретінде инпутқа сілтемені қабылдайды, ал екіншісі - мәтінді. Бұл функцияның берілген мәтінді инпуттың value-на орнататындай етіңіз.