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..624f457d 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -21,7 +21,22 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + if (Object.keys(data).length === 0) { + return; + } + + const ul = document.createElement('ul'); + + for (const key in data) { + const li = document.createElement('li'); + + li.textContent = key; + + ul.append(li); + createTree(li, data[key]); + } + + element.append(ul); } createTree(tree, food);