From 5a049884ce544e670eb1d7901ef0dcf167f417ae Mon Sep 17 00:00:00 2001 From: Rostyslav Date: Sat, 9 May 2026 04:16:34 +0300 Subject: [PATCH] Solution --- README.md | 6 +++--- src/scripts/main.js | 26 +++++++++++++++++++++++++- 2 files changed, 28 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 294f077fb..4e6700205 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.github.io/js_task_parse_list_DOM/) + - [DEMO LINK](https://Rostyslav452.github.io/js_task_parse_list_DOM/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) - Run `npm run test` command to test your code; - Run `npm run test:only -- -n` to run fast test ignoring linter; @@ -10,14 +10,14 @@ Hey there! Can you parse data from the list and sort it based on data attributes? Your task: Sort list by salary in descending order. -Get an array of employees. Write two functions: +Get an array of employees. Write two functions: - first, which sorts the list by salary from data attributes - second, which returns an array of objects, where objects are employees. The schema for the employee: ``` { - name, + name, position, salary, age diff --git a/src/scripts/main.js b/src/scripts/main.js index a765fdb1d..77851f00d 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,27 @@ 'use strict'; -// write code here +function convertSalary(salary) { + return +salary.replaceAll(/\D/g, ''); +} + +function sortList(list) { + const sortedList = list.toSorted( + (a, b) => convertSalary(b.dataset.salary) - convertSalary(a.dataset.salary), + ); + + document.querySelector('ul').append(...sortedList); +} + +function getEmployees(list) { + return list.map((e) => ({ + name: e.textContent.trim(), + position: e.dataset.position, + salary: convertSalary(e.dataset.salary), + age: +e.dataset.age, + })); +} + +const listOfEmployees = [...document.querySelectorAll('li')]; + +sortList(listOfEmployees); +getEmployees(listOfEmployees);