Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -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://Yevhen-Srdk.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`

Expand Down
23 changes: 22 additions & 1 deletion src/scripts/main.js
Original file line number Diff line number Diff line change
@@ -1,3 +1,24 @@
'use strict';

// write your code here
const population = document.querySelectorAll('.population');
let totalPopulationCount = 0;
let isNumberCount = 0;

for (const item of population) {
const valueNormalization = item.textContent.replace(/[\u00A0,\s]/g, '');
const value = Number(valueNormalization);

if (Number.isFinite(value)) {
totalPopulationCount += value;
isNumberCount++;
}
}

const averagePopulationResult =
isNumberCount > 0 ? Math.round(totalPopulationCount / isNumberCount) : 0;

const totalPopulation = document.querySelector('.total-population');
const averagePopulation = document.querySelector('.average-population');

totalPopulation.textContent = totalPopulationCount.toLocaleString('en-US');
averagePopulation.textContent = averagePopulationResult.toLocaleString('en-US');
Loading