solution

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [14.x]
 
     steps:
     - uses: actions/checkout@v2

README.md

@@ -1,7 +1,7 @@
 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://vinogradova8.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 10 LARGEST COUNTRIES BY POPULATION
 

package.json

@@ -22,7 +22,7 @@
     "@mate-academy/bemlint": "^0.1.1",
     "@mate-academy/eslint-config": "*",
     "@mate-academy/linthtml-config": "*",
-    "@mate-academy/scripts": "^1.2.10",
+    "@mate-academy/scripts": "^1.2.12",
     "@mate-academy/stylelint-config": "0.0.11",
     "@parcel/transformer-sass": "2.10.2",
     "backstopjs": "^6.2.2",

src/scripts/main.js

@@ -1,3 +1,21 @@
 'use strict';
 
-// write your code here
+const populations = document.querySelectorAll('.population');
+
+const populationsNumber = [...populations].map(population =>
+  +(population.innerText.replaceAll(',', '')));
+
+let totalPopulation = 0;
+
+for (const ch of populationsNumber) {
+  totalPopulation += ch;
+}
+
+const averagePopulation = (totalPopulation / populationsNumber.length);
+
+const total = document.querySelector('.total-population');
+
+const average = document.querySelector('.average-population');
+
+total.innerText = `${totalPopulation.toLocaleString('en-US')}`;
+average.innerText = `${averagePopulation.toLocaleString('en-US')}`;