diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index f3065d38..b9c880dc 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -11,7 +11,7 @@ jobs: strategy: matrix: - node-version: [12.x] + node-version: [14.x] steps: - uses: actions/checkout@v2 diff --git a/README.md b/README.md index 36dc318d..d856f841 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.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 diff --git a/package.json b/package.json index 4f30be30..856c36c5 100644 --- a/package.json +++ b/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", diff --git a/src/scripts/main.js b/src/scripts/main.js index c6e3f878..0635ea8c 100644 --- a/src/scripts/main.js +++ b/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')}`;