diff --git a/README.md b/README.md index 36dc318d..64115160 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.github.io/js_get_data_DOM/) + - [DEMO LINK](https://hma-3.github.io/js_get_data_DOM/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) - - There are no tests for this task so use `npm run lint` command instead of `npm test` + - There are no tests for this task so use `npm run lint` command instead of `npm test` ### Task: TOP 10 LARGEST COUNTRIES BY POPULATION diff --git a/src/scripts/main.js b/src/scripts/main.js index c6e3f878..7f823157 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,14 @@ 'use strict'; -// write your code here +const populanions = [...document.querySelectorAll('span.population')].map( + (num) => Number(num.innerText.split(',').join('')), +); + +const total = populanions.reduce((sum, num) => sum + num, 0); +const average = total / populanions.length; + +const innerTextTotal = document.querySelector('span.total-population'); +const innerTextAvarage = document.querySelector('span.average-population'); + +innerTextTotal.innerText = total.toLocaleString('en-US'); +innerTextAvarage.innerText = average.toLocaleString('en-US');