JavaScript-de HTML tablisalary döretmek

Görke, bizde şeýle boş HTML tablisasy bar:

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

Geliň bu tablisany hatarlar we sütünler bilen dolduraly. Size eltmeli netijäniň nähili bolmalydygynyň mysaly:

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

Mesele çözmek üçin bizä iki iç-içe aýlanma gerek. Birinji aýlanma tablisanyň hatarlaryny döreder, ikinjisi bolsa her hatardaky öýjükleri:

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

Boş HTML tablisasy berlen. Iki sany iç-içe aýlanma for ulanyp, bu tablisany 5 hatar bilen 5 sütün bilen dolduryň.

Öňki meselä üýtgeşdiriň giriziň, ýöne tablisa 10 hatar bilen 5 sütün ölçeginde döredilsin.

Öňki meselä üýtgeşdiriň giriziň, ýöne her td-a 'x' teksti goşulsyn.

Tablisa generatoryny amala aşyryň, tablisanyň ini we beýikligi iki inputda (meselem, 5 bilen 10 öýjük tablisasy) kesgitlenilýär.