Meneruskan Grup Elemen DOM sebagai Parameter Fungsi
Sekarang mari fungsi kita setText
pada parameter pertama menerima referensi
bukan ke satu elemen, tetapi langsung ke sekumpulan elemen:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Mari kita coba fungsi kita dalam praktik. Misalkan kita memiliki paragraf berikut:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Mari dengan menggunakan fungsi kita, atur teks tertentu untuk semua paragraf ini:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Buatlah fungsi appendText, yang
pada parameter pertama akan menerima array
elemen DOM, dan pada parameter kedua - teks. Buatlah
sehingga fungsi ini menambahkan teks
ke akhir elemen yang diteruskan.
Buatlah fungsi appendElem, yang
pada parameter pertama akan menerima referensi ke
objek DOM di mana terdapat tag ul,
dan pada parameter kedua - teks. Buatlah sehingga
fungsi ini membuat li baru dengan teks yang diteruskan
dan menambahkannya ke akhir tag ul yang diteruskan.
Diberikan array dan ul. Dengan menggunakan fungsi
appendElem, yang dibuat pada tugas sebelumnya,
catat setiap elemen array ke dalam
li terpisah di dalam ul ini.