diff --git a/src/index.html b/src/index.html index 3496ee13..d497e123 100644 --- a/src/index.html +++ b/src/index.html @@ -5,10 +5,11 @@ Title +
diff --git a/src/scripts/main.js b/src/scripts/main.js index 2cdcd10c..b69868ea 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,5 +1,7 @@ 'use strict'; +//const { createElement } = require("react"); + const food = { Drink: { Wine: {}, @@ -21,7 +23,22 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + + if (!data || typeof data !== 'object') return; + if (!data || !Object.keys(data).length) return; + + const ul = document.createElement('ul'); + + for (const objs in data) { + const newel = document.createElement('li'); + newel.textContent = objs; + + createTree(newel, data[objs]); + + ul.append(newel); + } + + element.append(ul); } createTree(tree, food);