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..0139e9aa 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -18,10 +18,26 @@ const food = { }, }; -const tree = document.querySelector('#tree'); +const tree = document.getElementById('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 ( + typeof data[key] === 'object' && + data[key] !== null && + Object.keys(data[key]).length + ) { + createTree(li, data[key]); + } + ul.appendChild(li); + } + element.append(ul); } createTree(tree, food);