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://ValentynaBahyrly.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`
 
@@ -13,7 +13,7 @@ Steps to do this challenge:
 2. Make sure that the given string can be converted to a number and convert it to number.
 3. Calculate average and total value-based to parsed numbers.
 4. Replace `Calculate it!` with calculated average numbers in `span` with classes `average-population` and `total-population`.
-5. Calculated `average` and `total` numbers must be separated by a thousands separator (same numeric style as populations presented).
+5. Calculated `average` and `total` numbers must be separated by a tбhousands separator (same numeric style as populations presented).
 6. Congrats, mate! You did it!
 
 ![Preview](./src/images/preview.png).

src/index.html

@@ -7,6 +7,7 @@
       content="width=device-width, initial-scale=1.0"
     />
     <title>Population top</title>
+    <script src="main.js"></script>
     <link
       rel="stylesheet"
       href="./styles/main.scss"

src/scripts/main.js

@@ -1,3 +1,28 @@
 'use strict';
 
-// write your code here
+const populations = [...document.querySelectorAll('.population')];
+
+const numbers = [];
+
+for (const population of populations) {
+  const raw = population.textContent.trim();
+  const number = Number(raw.replace(/,/g, ''));
+
+  numbers.push(number);
+}
+
+const allNumbers = numbers.filter((n) => !Number.isNaN(n));
+const total = allNumbers.reduce((acc, val) => acc + val, 0);
+
+const average = Math.round(total / allNumbers.length);
+
+const formatter = new Intl.NumberFormat('en-US');
+
+const formattedTotal = formatter.format(total);
+const formattedAverage = formatter.format(average);
+
+document.querySelector('.total-population').textContent = formattedTotal;
+document.querySelector('.average-population').textContent = formattedAverage;
+
+// console.log(formattedTotal);
+// console.log(formattedAverage);