Επιστροφή πίνακα από συνάρτηση σε JavaScript
Στο προηγούμενο μάθημα δημιουργήσαμε τη συνάρτηση
createTable. Ας τροποποιήσουμε
αυτή τη συνάρτηση έτσι ώστε να μην προσθέτει τον πίνακα
σε κάποιο στοιχείο, αλλά απλώς να τον επιστρέφει
μέσω return.
Δηλαδή, ο δοσμένος κώδικας του προηγούμενου μαθήματος μετατρέπεται ως εξής:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);
Μπορεί να γραφτεί πιο σύντομα:
let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));
Η λήψη μιας αναφοράς στον πίνακα μπορεί να χρειαστεί για να κάνουμε κάτι με τον δημιουργημένο πίνακα. Για παράδειγμα, ας βάψουμε το χρώμα του κειμένου του σε κόκκινο:
let div = document.querySelector('#elem');
let table = createTable(3, 4);
table.style.color = 'red';
div.appendChild(table);
Μετατρέψτε τη συνάρτησή σας createTable
σύμφωνα με όσα περιγράφηκαν στη θεωρία.
Ας υποθέσουμε ότι έχουμε αυτό το div με παραγράφους:
<div id="elem">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
Χρησιμοποιώντας τη συνάρτηση createTable δημιουργήστε
έναν νέο πίνακα και στη συνέχεια εισάγετέ τον στο τέλος
του div.