Returnarea tabelei dintr-o funcție în JavaScript

În lecția precedentă, am creat funcția createTable. Să modificăm această funcție astfel încât să nu mai adauge tabela într-un element, ci să o returneze pur și simplu prin return.

Adică codul prezentat în lecția precedentă se transformă în acesta:

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

Se poate rescrie mai scurt:

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

Obținerea unei referințe la tabelă poate fi necesară pentru a face ceva cu tabela creată. de exemplu, să-i colorăm culoarea textului în roșu:

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

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

div.appendChild(table);

Modificați funcția dvs. createTable în conformitate cu cele descrise în teorie.

Să presupunem că avem acest div cu paragrafe:

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

Folosind funcția createTable creați o nouă tabelă, apoi inserați-o la sfârșitul div-ului.