Penghantaran Elemen DOM sebagai Parameter Fungsi

Dalam pelajaran sebelumnya, kita menghantar pemilih elemen ke dalam fungsi kita, dan fungsi kita sendiri mendapatkan rujukan kepada elemen tersebut di dalam kod mereka. Terdapat juga pendekatan lain: anda boleh menghantar rujukan kepada elemen yang telah diperoleh sebelumnya ke dalam fungsi.

Mari kita lihat contoh. Katakan kita mempunyai kod berikut:

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

Mari buat fungsi setText yang parameter pertamanya akan menerima rujukan kepada elemen DOM, dan parameter kedua - teks elemen:

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

Gunakan fungsi yang kita buat untuk menetapkan teks perenggan kita:

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

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

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

Diberikan beberapa perenggan. Dapatkannya, ulangi menggunakan gelung dan tambahkan '!' pada akhir setiap satu menggunakan fungsi appendText yang dibuat dalam tugasan sebelumnya.

Buat fungsi setValue yang parameter pertamanya akan menerima rujukan kepada input, dan parameter kedua - teks. Pastikan fungsi ini menetapkan teks yang dihantar kepada value input.