diff --git a/src/index.html b/src/index.html index 3496ee13..4685b054 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..9bc0dc52 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -22,6 +22,24 @@ const tree = document.querySelector('#tree'); function createTree(element, data) { // WRITE YOUR CODE HERE + for (const key in data) { + const li = document.createElement('li'); + + li.textContent = key; + + if ( + typeof data[key] === 'object' && + data[key] !== null && + !Array.isArray(data[key]) && + Object.keys(data[key]).length > 0 + ) { + const ul = document.createElement('ul'); + + li.appendChild(ul); + createTree(ul, data[key]); + } + element.insertAdjacentElement('beforeend', li); + } } createTree(tree, food);