add solution

README.md

@@ -1,14 +1,15 @@
-1. Replace `<your_account>` with your Github username in the link
-    - [DEMO LINK](https://<your_account>.github.io/js_get_data_DOM/)
+1. Replace TIgor22 with your Github username in the link
+   - [DEMO LINK](https://TIgor22.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`
+   - There are no tests for this task so use `npm run lint` command instead of `npm test`
 
 ### Task: TOP 9 LARGEST COUNTRIES BY POPULATION
 
 Hello! In this task, you need to parse data from the list, and based on it get the average and total value.
 You no need to change styles or HTML layout in this task. Change only `main.js` file.
 
 Steps to do this challenge:
+
 1. Get all text data from `span` with class `population`
 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.

src/scripts/main.js

@@ -1,3 +1,23 @@
 'use strict';
 
-// write your code here
+const population = document.querySelectorAll('.population');
+const populationList = [...population];
+const result = [];
+
+populationList.forEach((element) => {
+  const raw = element.textContent.trim();
+  const cleaned = raw.replace(/\s+/g, '').replace(/,/g, '');
+  const num = Number(cleaned);
+
+  result.push(num);
+});
+
+const nums = result.filter((num) => Number.isFinite(num));
+const total = nums.reduce((sum, people) => sum + people, 0);
+const average = nums.length ? Math.round(total / nums.length) : 0;
+const totalPopulation = document.querySelector('.total-population');
+const averagePopulation = document.querySelector('.average-population');
+const fmt = (v) => new Intl.NumberFormat('en-US').format(v);
+
+totalPopulation.textContent = fmt(total);
+averagePopulation.textContent = fmt(average);