Introduzione
Fondamenti di Java Script
Le funzioni in Java Script
Eventi e oggetti
Set Interval, Set Timeout e Promise
Funzioni Async, parametri Await e Web API
Esercizi
Popolare tabella dinamicamente – Esercizio Javascript 06 con Soluzione
- Obiettivo dell’esercizio: Popolare dinamicamente una tabella HTML già esistente usando JavaScript, senza generare nuove colonne, ma inserendo dati da un array di oggetti.
- Struttura del codice: Si inizia creando un file HTML con una tabella predefinita. Gli oggetti JavaScript contengono dati come ID, nome, cognome, email, codice fiscale e indirizzo, che verranno inseriti nelle righe della tabella.
- Manipolazione DOM: Utilizzo di
document.createElementper generare nuove righe (tr) e colonne (td), eappendChildper inserirle nella tabella. - Iterazione sugli oggetti: Utilizzo di
Object.keysper iterare sulle proprietà degli oggetti e popolare le celle della tabella con i valori corrispondenti. - Descrizione finale: L’esercizio serve come pratica di base per chi inizia con JavaScript, mentre progetti futuri esploreranno la creazione dinamica completa di tabelle basate su input dell’utente, dimostrando un uso più avanzato degli array di oggetti e della manipolazione DOM.