DOM Eleman Grubunu Fonksiyon Parametreleri Olarak Aktarma

Şimdi, setText fonksiyonumuzun ilk parametresinin tek bir elemana değil, doğrudan bir eleman grubuna referans kabul etmesini sağlayalım:

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

Fonksiyonumuzu pratikte deneyelim. Aşağıdaki paragraflara sahip olduğumuzu varsayalım:

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

Fonksiyonumuzu kullanarak tüm bu paragraflara herhangi bir metin ayarlayalım:

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

appendText fonksiyonunu yapın. Bu fonksiyon ilk parametre olarak bir DOM elemanları dizisi, ikinci parametre olarak da bir metin kabul etsin. Bu fonksiyonun, metni iletilen elemanların sonuna eklemesini sağlayın.

appendElem fonksiyonunu yapın. Bu fonksiyon ilk parametre olarak içinde ul etiketi bulunan bir DOM nesnesine referans, ikinci parametre olarak da bir metin kabul etsin. Bu fonksiyonun, iletilen metne sahip yeni bir li oluşturmasını ve onu iletilen ul etiketinin sonuna eklemesini sağlayın.

Bir dizi ve bir ul verildi. Önceki görevde oluşturulan appendElem fonksiyonunu kullanarak, dizinin her elemanını bu ul içindeki ayrı bir li'ye yazın.