diff --git a/src/index.html b/src/index.html index 3496ee135..78d69c50d 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,8 @@ /> +
+ diff --git a/src/scripts/main.js b/src/scripts/main.js index 2cdcd10cf..5148b8d49 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -21,7 +21,21 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + const ul = document.createElement('ul'); + + for (const key in data) { + const li = document.createElement('li'); + + li.textContent = key; + + if (Object.keys(data[key]).length > 0) { + createTree(li, data[key]); + } + + ul.append(li); + } + + element.append(ul); } createTree(tree, food);