diff --git a/README.md b/README.md index 36dc318d..9b7212d7 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://optimistixx.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..6805f148 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,24 @@ 'use strict'; // write your code here +const populationData = document.querySelectorAll('.population'); + +const populationText = []; + +populationData.forEach((e) => { + populationText.push(parseInt(e.innerHTML.replace(/,/g, ''), 10)); +}); + +let total = 0; + +for (let i = 0; i < populationText.length; i++) { + total += populationText[i]; +} + +const average = total / populationText.length; + +const totalSpan = document.querySelector('.total-population'); +const averageSpan = document.querySelector('.average-population'); + +totalSpan.textContent = total.toLocaleString('En-US'); +averageSpan.textContent = average.toLocaleString('En-US');