Kupeleka Kipengele cha DOM kama Kigezo cha Chaguo za kukokotoa

Katika masomo yaliyopita, tulipeleka katika chaguo zetu za kukokotoa viletezi vya vipengele, na chaguo zetu za kukokotoa zilipata wenyewe viunganishi kwa vipengele hivyo ndani ya msimbo wao. Kuna mbinu nyingine pia: katika chaguo za kukokotoa unaweza kupeleka viunganishi viliyopatikana tayari kwa vipengele.

Wacha tuangalie kwa mfano. Hebu tuseme tuna msimbo ufuatao:

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

Wacha tutengeneze chaguo za kukokotoa setText, ambayo kigezo cha kwanza kitakipokea kiunganishi kwa kipengele cha DOM, na cha pili - maandishi ya kipengele:

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

Tutumie chaguo za kukokotoa tulizotengeneza kuweka maandishi ya aya zetu:

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

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

Tengeneza chaguo za kukokotoa appendText, ambayo kigezo cha kwanza kitakipokea kipengele cha DOM, na cha pili - maandishi. Fanya ili chaguo za kukokotoa hizi ziongeze maandishi mwishoni mwa kipengele hicho.

Ama zimetolewa. Zipate, zizunguke kwa mzunguko na kila moja ongeza mwishoni '!' kwa kutumia chaguo za kukokotoa appendText, zilizotengenezwa katika kazi iliyotangulia.

Tengeneza chaguo za kukokotoa setValue, ambayo kigezo cha kwanza kitakipokea kiunganishi kwa ingizo, na cha pili - maandishi. Fanya ili chaguo za kukokotoa hizi ziweke maandishi yaliyopitishwa katika value ya ingizo.