Develop

README.md

@@ -1,5 +1,5 @@
 1. Replace `<your_account>` with your Github username in the link
-    - [DEMO LINK](https://<your_account>.github.io/js_get_data_DOM/)
+    - [DEMO LINK](https://GabrielSpelchuk.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`
 

src/scripts/main.js

@@ -1,3 +1,26 @@
 'use strict';
 
 // write your code here
+
+const populationOfCounties = document.querySelectorAll('span.population');
+
+let totalPopulation = 0;
+let averagePopulation = 0;
+
+for (const element of populationOfCounties) {
+  const population = element.textContent;
+
+  const cleared = population.replace(/[^\d]/g, '').trim();
+
+  totalPopulation += +cleared;
+}
+
+averagePopulation = totalPopulation / populationOfCounties.length;
+
+const totalPopulationElement = document.querySelector('span.total-population');
+const avgPopulationElement = document.querySelector('span.average-population');
+
+totalPopulationElement.textContent = totalPopulation.toLocaleString('en-US');
+
+avgPopulationElement.textContent =
+  Math.round(averagePopulation).toLocaleString('en-US');