Die Skepping van HTML Tabelle op JavaScript

Laat ons 'n leë HTML tabel hê soos hierdie:

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

Kom ons vul hierdie tabel met rye en kolomme. Hier is 'n voorbeeld van wat ons moet kry:

<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>

Om die probleem op te los, benodig ons twee geneste lusse. Die eerste lus sal die tabel rye skep, en die tweede - selle in elke ry:

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);
}

Daar word 'n leë HTML tabel gegee. Gebruik twee geneste for lusse om hierdie tabel te vul met 5 rye en 5 kolomme.

Wysig die vorige probleem sodat die tabel geskep word met 'n grootte van 10 rye met 5 kolomme.

Wysig die vorige probleem sodat in elke td die teks 'x' bygevoeg word.

Implementeer 'n tabelgenerator, waar die breedte en hoogte van die tabel in twee invoervelde gespesifiseer word (byvoorbeeld, 'n tabel van 5 by 10 selle).