Derse geri dön

Create a tree from the object

önem: 5

İçiçe geçmiş nesneden, içiçe geçmiş bir ul/li listesi oluşturan bir “createTree” fonksiyonu yazın.

Örneğin:

let data = {
  "Fish": {
    "trout": {},
    "salmon": {}
  },

  "Tree": {
    "Huge": {
      "sequoia": {},
      "oak": {}
    },
    "Flowering": {
      "apple tree": {},
      "magnolia": {}
    }
  }
};

Sözdizimi (syntax):

let container = document.getElementById('container');
createTree(container, data); // creates the tree in the container

Sonuç (ağaç) şöyle görünmeli:

Bu görevi çözmenin iki yolundan birini seçin:

  1. Ağaç için HTML oluşturun ve ardından container.innerHTMLye atayın.
  2. Ağaç düğümleri (tree nodes) oluşturun ve DOM yöntemleriyle sonuna ekleyin.

Eğer her ikisini de yapabilirseniz harika olur.

Not: Ağacın yapraklar için boş <ul></ul> gibi “fazladan” öğeleri olmamalıdır.

Görevler için korunaklı alan aç.

Nesneyi gezmenin en kolay yolu özyineleme kullanmaktır.

  1. The solution with innerHTML.
  2. The solution with DOM.