Подскажите как реализовать сортировку по цене.
Выбираю по ClassName .appartments-item__price'.
Получаю массив. Сортировать методом sort
. Тут уже выдает ошибку что unexpected token { на строке prices.sort(a, b).
А как потом сослаться на .appartments-item
, чтобы карточки выстроились по новому?
Это же тоже надо учитывать при сортировке?
document.querySelector('.sorting__price').onclick = function() {
let prices = document.getElementsByClassName('.appartments-item__price');
prices.sort(a, b) {
if (a > b)
return -1;
if (a < b)
return 1;
if (a == b)
return 0;
};
};
<article class="appartments-item" tabindex="0">
<h2 class="appartments-item__title">Студия №44</h2>
<div class="appartments-item__price">5 000 000 руб</div>
<footer class="appartments-item__footer appartments-footer">
<span class="appartments-footer__text--free">Свободно</span>
<span class="appartments-footer__text--reserved">Забронировано</span>
</footer>
<div class="appartments-item__star"></div>
</article>
<article class="appartments-item" tabindex="0">
<h2 class="appartments-item__title">Однокомнатная №666</h2>
<div class="appartments-item__price">16 000 000 руб</div>
<footer class="appartments-item__footer appartments-footer">
<span class="appartments-footer__text--free">Свободно</span>
<span class="appartments-footer__text--reserved">Забронировано</span>
</footer>
<div class="appartments-item__star"></div>
</article>
<footer>
на странице может быть только в единственном экземпляре... Так же как теги<header>, <main>