diff --git a/src/index.html b/src/index.html index 3496ee13..78d69c50 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 2cdcd10c..9801a3e1 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -21,7 +21,29 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + if (!element || !data || typeof data !== 'object') { + return; + } + + const keys = Object.keys(data); + + if (keys.length === 0) { + return; + } + + const ul = document.createElement('ul'); + + keys.forEach((key) => { + const li = document.createElement('li'); + + li.textContent = key; + + createTree(li, data[key]); + + ul.append(li); + }); + + element.append(ul); } createTree(tree, food);