select.onchange = function createTBody(){
message.style = 'display: none';
theadtr.innerHTML = `<th class="th">Country name</th>
<th>Capital</th>
<th>World region</th>
<th>Languages</th>
<th class="th">Area</th>
<th>Flag</th>`
let arrBySelect;
let selectValue = select.value;
langArr.forEach( function(lang) {
if (lang === selectValue) {
arrBySelect = externalService.getCountryListByLanguage(selectValue)
}
})
regArr.forEach( function(reg) {
if (reg === selectValue) {
arrBySelect = externalService.getCountryListByRegion(selectValue)
}
})
let th = document.querySelectorAll('.th')
th.forEach(th => th.addEventListener('click', (e) => {
if(e.target.classList.contains('th')) {
th.classList.remove('th')
th.classList.add('thReverse')
console.log(arrBySelect)
arrBySelect.sort((a, b) => b > a ? 1 : -1);
} else {
th.classList.remove('thReverse')
th.classList.add('th')
arrBySelect.sort((a, b) => a > b ? 1 : -1)
}
}))
tbody.innerHTML = arrBySelect.map((country) =>
` <tr>
<td>${country.name}</td>
<td>${country.capital}</td>
<td>${country.region}</td>
<td>${getLanguages(country.languages)}</td>
<td>${country.area}</td>
<td><img src="${country.flagURL}"></td>
</tr> `
).join('')
}
```
-
2Вам стОит научиться более полно и корректно описывать проблему и задавать вопрос. Потому что человечество пока не на столько развито, чтобы понимать те мысли, что у вас в голове и знать, что вы у себя там такое делаете– Алексей Шиманский16 окт 2021 в 17:26
-
@АлексейШиманский Человечество - возможно, но нам-то все понятно.– user17626216 окт 2021 в 18:08
-
1Слева от ответов на Ваши вопросы есть знак "галочка". Он там для Вас.– user17626216 окт 2021 в 18:16
Добавить комментарий
|
1 ответ
У Вас в массиве - набор объектов-стран, что Вы тут b < a ?
сравниваете?
theadtr.innerHTML = `<th class="th" data-sortfield="name">Country name</th> ...`
...
b[th.dataset.sortfield] < a[th.dataset.sortfield] ? ...