Membuat Tabel HTML dengan JavaScript

Misalkan kita memiliki tabel HTML kosong seperti ini:

<table id="table"></table>

Mari kita isi tabel ini dengan baris dan kolom. Berikut contoh yang harus kita hasilkan:

<table id="table">
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
	</tr>
</table>

Untuk menyelesaikan tugas ini, kita membutuhkan dua perulangan bersarang. Perulangan pertama akan membuat baris tabel, dan yang kedua - sel di setiap baris:

let table = document.querySelector('#table');

for (let i = 0; i < 3; i++) {
	let tr = document.createElement('tr');
	
	for (let i = 0; i < 3; i++) {
		let td = document.createElement('td');
		tr.appendChild(td);
	}
	
	table.appendChild(tr);
}

Diberikan tabel HTML kosong. Dengan menggunakan dua perulangan bersarang for isi tabel ini dengan 5 baris dan 5 kolom.

Modifikasi tugas sebelumnya sehingga tabel dibuat dengan ukuran 10 baris dengan 5 kolom.

Modifikasi tugas sebelumnya sehingga ke dalam setiap td ditambahkan teks 'x'.

Implementasikan generator tabel, lebar dan tinggi tabel ditentukan dalam dua input (misalnya, tabel 5 dengan 10 sel).