DOM elementni funktsiya parametri sifatida uzatish

Oldingi darslarda biz o'z funktsiyalarimizga element selektorlarini uzatardik va funktsiyalarimiz o'z kodi ichida bu elementlarga havolalarni o'zlari olardilar. Yana bir yondashuv mavjud: funktsiyaga oldindan olingan elementlarga havolalar uzatish mumkin.

Keling, misolni ko'rib chiqaylik. Faraz qilaylik, bizda quyidagi kod mavjud:

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

Keling, setText funktsiyasini yarataylik, u birinchi parametr sifatida DOM elementga havolani qabul qiladi, ikkinchisi esa - element matnini:

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

Yaratgan funktsiyamizdan abzatslarimizning matnini o'rnatish uchun foydalanamiz:

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

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

appendText funktsiyasini yarating, u birinchi parametr sifatida DOM elementni qabul qiladi, ikkinchisi esa - matn. Ushbu funktsiya matnni ushbu elementning oxiriga qo'shsin.

Abzatslar berilgan. Ularni oling, sikl bilan aylantiring va har birining oxiriga '!' ni oldingi vazifada yaratilgan appendText funktsiyasi yordamida qo'shing.

setValue funktsiyasini yarating, u birinchi parametr sifatida inputga havolani qabul qiladi, ikkinchisi esa - matn. Ushbu funktsiya uzatilgan matnni inputning value ga o'rnatsin.