<your_account>
with your Github username in the link
npm run test
command to test your code;npm run test:only -- -n
to run fast test ignoring linter;npm run test:only -- -l
to run fast test with additional info in console ignoring linter.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.
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:
person.died - person.born
Math.ceil(person.died / 100)
Do not change styles or HTML layout in this task. Change only main.js
file.
Expected result: