Meneruskan Elemen DOM sebagai Parameter Fungsi

Dalam pelajaran sebelumnya, kita meneruskan selector elemen ke fungsi-fungsi kita, dan fungsi-fungsi kita sendiri mendapatkan referensi ke elemen-elemen tersebut di dalam kode mereka. Ada pendekatan lain: referensi ke elemen yang sudah didapatkan sebelumnya dapat diteruskan ke fungsi.

Mari kita lihat contohnya. Misalkan kita memiliki kode berikut:

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

Mari kita buat fungsi setText yang pada parameter pertama akan menerima referensi ke elemen DOM, dan pada parameter kedua - teks elemen:

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

Gunakan fungsi yang telah kita buat untuk mengatur teks paragraf kita:

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

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

Buat fungsi appendText yang pada parameter pertama akan menerima elemen DOM, dan pada parameter kedua - teks. Buat agar fungsi ini menambahkan teks di akhir elemen tersebut.

Diberikan beberapa paragraf. Dapatkan elemen-elemen tersebut, ulangi dengan loop dan untuk setiap paragraf, tambahkan '!' di akhir menggunakan fungsi appendText yang dibuat pada tugas sebelumnya.

Buat fungsi setValue yang pada parameter pertama akan menerima referensi ke input, dan pada parameter kedua - teks. Buat agar fungsi ini mengatur teks yang diteruskan ke value input.