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 функциясини ясанг, унинг биринчи параметри инпутга ҳаволани қабул қилади, иккинчиси эса матнни. Ущбу функция ўтказилган матнни инпутнинг value ига ўрнатиши керак.