- Replace
<your_account>
with your Github username in the link - Follow this instructions
- Run
npm run test
command to test your code; - Run
npm run test:only -- -n
to run fast test ignoring linter; - Run
npm run test:only -- -l
to run fast test with additional info in console ignoring linter.
- Run
This task requires knowledge of how HTML table works. You can learn it here:
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 using 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 calculate them by yourself.
- For each person from
people
array create table row with 6 table cells (name, gender, born, died, age, century) - Find a table with class
dashboard
in the document. - Append created row to table.
- Done.
Hints:
- Age is
person.died - person.born
- Century:divide year of person's death by 100
Math.ceil(person.died / 100)
Do not change styles or HTML layout in this task. Change only main.js
file.
Expected result: