diff --git a/src/index.html b/src/index.html index 3496ee13..17cc8917 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,7 @@ /> +
diff --git a/src/scripts/main.js b/src/scripts/main.js index 2cdcd10c..27f29499 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -21,7 +21,25 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + if (!data || typeof data !== 'object') { + return; + } + + const ul = document.createElement('ul'); + + for (const key in data) { + const li = document.createElement('li'); + + li.textContent = key; + + createTree(li, data[key]); + + ul.append(li); + } + + if (ul.children.length > 0) { + element.append(ul); + } } createTree(tree, food);