Crea un albero da un oggetto
importanza: 5
Scrivi una funzione createTree che crea una lista ul/li annidata partendo dall’oggetto annidato.
Ad esempio:
let data = {
"Fish": {
"trout": {},
"salmon": {}
},
"Tree": {
"Huge": {
"sequoia": {},
"oak": {}
},
"Flowering": {
"apple tree": {},
"magnolia": {}
}
}
};
La sintassi:
let container = document.getElementById('container');
createTree(container, data); // creates the tree in the container
Il risultato (l’albero) dovrebbe somigliare a questo:
Scegli uno dei due metodi per risolvere la task:
- Crea l’HTML per l’albero e assegnala a container.innerHTML.
- Crea i nodi dell’albero e appendili utilizzando i metodi del DOM.
Sarebbe grandioso se riuscissi con entrambi.
P.S. L’albero non dovrebbe avere elementi “extra”‑ad esempio<ul></ul> vuoti- come foglie.
Il modo più semplice per percorrere l’oggetto è utilizzando la ricorsione.