Funktio taulukon luomiseksi taulukosta
Edellisissä oppitunneissa teimme funktion
createTable, joka luoo taulukon määritetyn
kokoinen. Tehdään nyt funktio createTableByArr,
joka parametrina saa kaksiulotteisen
taulukon ja rakentaa sen perusteella taulukon.
Eli edellisen oppitunnin annettu koodi muunnetaan tällaiseksi:
let div = document.querySelector('#elem');
let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let table = createTableByArr(arr);
div.appendChild(table);
Tämän koodin suorittamisen tuloksena pitäisi saada seuraava taulukko:
<div id="elem">
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</div>
Toteuta kuvattu funktio. Tarkista sen toiminta.