results

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://maxmodrr.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,19 @@
 'use strict';
 
 // write your code here
+const bodyElement = document.body;
+
+const population = [...bodyElement.querySelectorAll('.population')];
+const textTotal = bodyElement.querySelector('.total-population');
+const textAverage = bodyElement.querySelector('.average-population');
+
+const value = population.map((elem) => +elem.textContent.replaceAll(',', ''));
+
+const total = value
+  .reduce((sum, elem) => sum + elem, 0)
+  .toLocaleString('en-Us');
+
+const average = Math.round(total / value.length).toLocaleString('en-Us');
+
+textTotal.textContent = total;
+textAverage.textContent = average;