Retour d'un tableau depuis une fonction en JavaScript
Dans la leçon précédente, nous avons créé la fonction
createTable. Modifions
cette fonction pour qu'elle n'ajoute pas le tableau
dans un élément, mais simplement le retourne
via return.
Ainsi, le code de la leçon précédente se transforme en ceci :
let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);
On peut réécrire plus court :
let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));
Obtenir une référence vers le tableau peut être nécessaire pour faire quelque chose avec le tableau créé. Par exemple, colorons sa couleur de texte en rouge :
let div = document.querySelector('#elem');
let table = createTable(3, 4);
table.style.color = 'red';
div.appendChild(table);
Modifiez votre fonction createTable
conformément à la description dans la théorie.
Supposons que nous ayons ce div avec des paragraphes :
<div id="elem">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
À l'aide de la fonction createTable, créez
un nouveau tableau, puis insérez-le à la fin
du div.