Solution

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://aholubko.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,30 @@
 'use strict';
 
 // write your code here
+const populationNodes = document.querySelectorAll('.population');
+
+const populations = Array.from(populationNodes, (node) => {
+  const rawText = node.textContent;
+  const normalized = rawText.replace(/,/g, '').trim();
+  const n = Number(normalized);
+
+  return n;
+}).filter((n) => Number.isFinite(n));
+
+const total = populations.reduce((sum, n) => sum + n, 0);
+
+let average;
+
+if (populations.length === 0) {
+  average = 0;
+} else {
+  average = total / populations.length;
+}
+
+const format = (n) =>
+  n.toLocaleString('en-US', {
+    maximumFractionDigits: 0,
+  });
+
+document.querySelector('.total-population').textContent = format(total);
+document.querySelector('.average-population').textContent = format(average);