diff --git a/README.md b/README.md index 42684231e..21f5da083 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.github.io/js_get_data_DOM/) + - [DEMO LINK](https://freelinex.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` diff --git a/src/scripts/main.js b/src/scripts/main.js index c6e3f8784..db674f2d9 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,19 @@ 'use strict'; -// write your code here +const populations = [...document.querySelectorAll('.population')]; +const maxPopulation = document.querySelector('.total-population'); +const average = document.querySelector('.average-population'); + +const numbers = populations.map((el) => { + const text = el.textContent; + + return Number(text.replace(/\D/g, '')); +}); + +const maxPopulationNumber = numbers.reduce((acc, cur) => acc + cur, 0); + +maxPopulation.textContent = maxPopulationNumber.toLocaleString('en-US'); + +const averagePopulationNum = Math.round(maxPopulationNumber / numbers.length); + +average.textContent = averagePopulationNum.toLocaleString('en-US');