Kuunda Majedwali ya HTML kwa JavaScript

Wacha tuwe na jedwali tupu la HTML kama hili:

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

Wacha tuijaze jedwali hili kwa safu mlalo na safu wima. Hapa kuna mfano wa kile tunachopaswa kupata:

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

Ili kutatua tatizo tunahitaji matanzi mawili yaliyowekwa ndani ya nyingine. Tanzi la kwanza litaunda safu mlalo za jedwali, na la pili - seli katika kila safu mlalo:

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

Amepata jedwali tupu la HTML. Kwa kutumia matanzi mawili yaliyowekwa ndani ya nyingine for jaza hii jedwali kwa safu mlalo 5 zenye seli 5.

Rekebisha tatizo la awali ili jedwali liundwe na ukubwa wa safu mlalo 10 kwa seli 5.

Rekebisha tatizo la awali ili katika kila td ongeza maandishi 'x'.

Tekeleza kizazi cha majedwali, upana na urefu wa jedwali hupewa kwenye viingilio viwili (kwa mfano, jedwali la seli 5 kwa 10).