Kupeleka Kikundi cha Vipengele vya DOM kama Vigezo vya Kazi

Hebu sasa kazi yetu setText ipokee kigezo cha kwanza kiunganishi sio kwa kipengele kimoja, bali seti ya vipengele mara moja:

function setText(elems, text) {
	for (let elem of elems) {
		elem.textContent = text;
	}
}

Hebu tujaribu kazi yetu kwa vitendo. Hebu tuchukulie tuna vifungu vifuatavyo:

<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>

Hebu kwa kutumia kazi yetu tuweke maandishi fulani kwenye vifungu hivi vyote:

let elems = document.querySelectorAll('.elem');
setText(elems, 'maandishi');

Tengeneza kazi appendText, ambayo itapokea kigezo cha kwanza kama safu ya vipengele vya DOM, na cha pili - maandishi. Fanya hivi ili kazi hii iongeze maandishi mwishoni mwa vipengele vilivyopewa.

Tengeneza kazi appendElem, ambayo itapokea kigezo cha kwanza kiunganishi kwa kitu cha DOM, ambamo kimo kipi ul, na cha pili - maandishi. Fanya hivi ili kazi hii ibuni li mpya na maandishi yaliyopewa na kuiongeza mwishoni mwa kipi ul kilichopewa.

Kuna safu na ul. Kwa kutumia kazi appendElem, iliyotengenezwa kwenye kazi iliyopita, andika kila kipengele cha safu kwenye li tofauti katika ul hii.