krajnova/js_task_generate_table_dom

JS Advanced task. Generate table from data.

1. Replace <your_account> with your Github username in the link
   • DEMO LINK
2. Follow this instructions
   • There are no tests for this task so use npm run lint command instead of npm test

Task: Generate dashboard from JSON

This task requires knowledge of how HTML table works. You can learn it here:

• MDN HTML table basics

Okay, now we know what is a table, and can do some magic. In main.js, you already have imported file people.json. Variable people contains an array of people, you can check it by console.log. Your task today is to convert this array to table rows.

Your layout for start:

From the preview, you can see that table has 6 headers, but our data does not contain age and century. Yes, you need to get them by yourself.

Steps to do this challenge:

1. For each person from people array create table row with 6 table cells (name, gender, born, died, age, century)
2. Find a table with class dashboard in the document.
3. Append created row to table.
4. Done.

Hints:

• Age is person.died - person.born
• Century:divide year of person's death by 100 Math.ceil(person.died / 100)

You no need to change styles or HTML layout in this task. Change only main.js file.

Expected result: