Vrácení tabulky z funkce v JavaScriptu

V předchozí lekci jsme vytvořili funkci createTable. Pojďme upravit tuto funkci tak, aby nepřidávala tabulku do nějakého prvku, ale jednoduše ji vracela pomocí return.

To znamená, že uvedený kód z předchozí lekce se přemění na tento:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

Lze přepsat kratší formou:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

Získání odkazu na tabulku může být užitečné, abychom s vytvořenou tabulkou něco provedli. Například nastavme barvu textu na červenou:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

Upravte svou funkci createTable podle popisu v teorii.

Předpokládejme, že máme následující div s odstavci:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

Pomocí funkce createTable vytvořte novou tabulku a poté ji vložte na konec divu.