NapiÅ¡te funkci vytvořStrom, která z vnoÅ™eného objektu vytvoří vnoÅ™ený seznam ul/li.

Například:

let data = {
  "Ryby": {
    "pstruh": {},
    "losos": {}
  },

  "Stromy": {
    "Velké": {
      "sekvoj": {},
      "dub": {}
    },
    "Kvetoucí": {
      "jabloň": {},
      "magnólie": {}
    }
  }
};

Syntaxe:

let kontejner = document.getElementById('kontejner');
vytvořStrom(kontejner, data); // vytvoří strom v kontejneru

Výsledek (strom) by měl vypadat takto:

Zvolte si jeden ze dvou způsobů, jak tento úkol vyřešit:

1. VytvoÅ™te HTML kód stromu a pÅ™iÅ™aďte jej do kontejner.innerHTML.
2. Vytvořte uzly stromu a připojujte je DOM metodami.

Pokud dokážete obojí, bude to vynikající.

P.S. Strom by nemÄ›l obsahovat elementy „navíc“, například prázdné <ul></ul> pro listy.

Otevřít pískoviště pro úlohu.