update

2-ui/1-document/11-modifying-document/7-create-object-tree/task.md

@@ -0,0 +1,52 @@
+# Создайте дерево из объекта
+
+[importance 5]
+
+Напишите функцию, которая создаёт вложенный список `UL/LI` (дерево) из объекта.
+
+Например:
+
+```js
+var data = {
+  "Рыбы":{
+    "Форель":{},
+    "Щука":{}
+  },
+
+  "Деревья":{
+    "Хвойные":{
+      "Лиственница":{},
+      "Ель":{}
+    },
+    "Цветковые":{
+      "Берёза":{},
+      "Тополь":{}
+    }
+  }
+};
+```
+
+Синтаксис:
+
+```js
+var container = document.getElementById('container');
+*!*
+createTree(container, data); // создаёт 
+*/!*
+```
+
+Результат (дерево):
+
+[iframe border=1 src="solution"]
+
+Выберите один из двух способов решения этой задачи:
+<ol>
+<li>Создать строку, а затем присвоить через `container.innerHTML`.</li>
+<li>Создавать узлы через методы DOM.</li>
+</ol>
+
+Если получится -- сделайте оба.
+
+[edit src="source" task/]
+
+P.S. Желательно, чтобы в дереве не было лишних элементов, в частности -- пустых `<ul></ul>` на нижнем уровне.