Mengembalikan Tabel dari Fungsi di JavaScript

Dalam pelajaran sebelumnya, kita membuat fungsi createTable. Mari kita modifikasi fungsi ini agar tidak menambahkan tabel ke dalam suatu elemen, tetapi hanya mengembalikannya melalui return.

Artinya, kode dari pelajaran sebelumnya akan diubah menjadi seperti ini:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

Dapat ditulis lebih singkat:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

Mendapatkan referensi ke tabel mungkin diperlukan untuk melakukan sesuatu dengan tabel yang telah dibuat. Misalnya, mari kita ubah warna teksnya menjadi merah:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

Ubah fungsi createTable Anda sesuai dengan yang dijelaskan dalam teori.

Misalkan kita memiliki div dengan paragraf seperti ini:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

Dengan menggunakan fungsi createTable, buatlah tabel baru, lalu sisipkan ke akhir div.