<button data-order="-1">От большего к меньшему</button>
<button data-order="+1">От меньшего к большему</button>
const wrapper = document.querySelector('.catalog-items');
const buttons = document.querySelectorAll('[data-order]');
buttons.forEach(n => n.addEventListener('click', onClick));
function onClick({ target: t }) {
const order = +t.dataset.order;
sortChildren(wrapper, el => parseInt(el.innerText) * order);
buttons.forEach(n => n.classList.toggle('active', n === t));
}
function sortChildren(parent, value) {
parent.append(...Array
.from(parent.children, n => [ n, value(n) ])
.sort((a, b) => a[1] - b[1])
.map(n => n[0])
);
}