HTML-taulukoiden luominen JavaScriptillä

Oletetaan, että meillä on tällainen tyhjä HTML-taulukko:

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

Täytetään tämä taulukko riveillä ja sarakkeilla. Tässä on esimerkki siitä, minkä tulisi saada aikaan:

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

Ongelman ratkaisemiseksi tarvitsemme kaksi sisäkkäistä silmukkaa. Ensimmäinen silmukka luo taulukon rivit, ja toinen - solut kullekin riville:

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

Annettu tyhjä HTML-taulukko. Käytä kahta sisäkkäistä for-silmukkaa täyttääksesi tämän taulukon 5 rivillä, joissa kussakin on 5 saraketta.

Muokkaa edellistä tehtävää siten, että taulukko luodaan koosta 10 riviä 5 saraketta kohden.

Muokkaa edellistä tehtävää siten, että jokaiseen td:hen lisätään teksti 'x'.

Toteuta taulukoiden generaattori, taulukon leveys ja korkeus annetaan kahdessa syöttökentässä (esimerkiksi, taulukko, jossa on 5 10 solua).