diff --git a/src/scripts/main.js b/src/scripts/main.js index 7d4a5db04..d5cc2c411 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -357,4 +357,44 @@ const people = [ // eslint-disable-next-line no-console console.log(people); // you can remove it -// write your code here +const table = document.querySelector('.dashboard'); + +people.forEach((person) => { + const tr = document.createElement('tr'); + const tdName = document.createElement('td'); + + tdName.textContent = person.name; + tr.append(tdName); + + const tdSex = document.createElement('td'); + + if (person.sex === 'm') { + tdSex.textContent = 'Male'; + } else { + tdSex.textContent = 'Female'; + } + + tr.append(tdSex); + + const tdBorn = document.createElement('td'); + + tdBorn.textContent = person.born; + tr.append(tdBorn); + table.append(tr); + + const tdDied = document.createElement('td'); + + tdDied.textContent = person.died; + tr.append(tdDied); + + const tdAge = document.createElement('td'); + + tdAge.textContent = person.died - person.born; + tr.append(tdAge); + + const tdCentury = document.createElement('td'); + + tdCentury.textContent = Math.ceil(person.died / 100); + tr.append(tdCentury); + table.append(tr); +});