diff --git a/README.md b/README.md index 36dc318d..44a495bd 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://AlexPopovD.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..c638004e 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,18 @@ 'use strict'; -// write your code here +const avaragePopulationElement = document.querySelector('.average-population'); +const totalPopulationElement = document.querySelector('.total-population'); +const population = document.querySelectorAll('.population'); + +const populationValues = Array.from( + population, + (pop) => Number(pop.textContent.replaceAll(',', '')) || 0, +); + +const totalPopulation = populationValues.reduce((sum, pop) => sum + pop, 0); +const avaragePopulation = totalPopulation / populationValues.length; + +avaragePopulationElement.textContent = + avaragePopulation.toLocaleString('en-US'); + +totalPopulationElement.textContent = totalPopulation.toLocaleString('en-US');