JavaScriptでのHTMLテーブル作成

次のような空のHTMLテーブルがあるとします：

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

このテーブルに行と列を埋めていきましょう。以下は完成形の例です：

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

この問題を解決するには、2つのネストされたループが必要です。最初のループはテーブルの行を作成し、 2番目のループは各行のセルを作成します：

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

空のHTMLテーブルが与えられます。2つのネストされた forループを使って、このテーブルを5行×5列で埋めてください。

前の課題を変更して、テーブルのサイズが 10行×5列になるようにしてください。

前の課題を変更して、各tdにテキスト'x'が追加されるようにしてください。

テーブルジェネレーターを実装してください。テーブルの幅と高さは 2つの入力フィールドで指定します（例えば、 5×10セルのテーブル）。