Александр

window.addEventListener('DOMContentLoaded', () => { ... });

{
    "browser": true
}

const sortAscButton = document.querySelector('#sort-asc');
const sortDescButton = document.querySelector('#sort-desc');

if (sortAscButton) {
    sortAscButton.addEventListener('click', event => {
        event.preventDefault();
        mySort('data-price');
    });
}

if (sortDescButton) {
    sortDescButton.addEventListener('click', event => {
        event.preventDefault();
        mySortDesc('data-price');
    });
}

var sortAscButton = document.querySelector('#sort-asc');
var sortDescButton = document.querySelector('#sort-desc');

if (sortAscButton) {
    sortAscButton.addEventListener('click', function (event) {
        event.preventDefault();
        mySort('data-price');
    });
}

if (sortDescButton) {
    sortDescButton.addEventListener('click', function (event) {
        event.preventDefault();
        mySortDesc('data-price');
    });
}

font-family: 'Assistant', 'Segoe UI', Arial, Helvetica, sans-serif;

const header = document.querySelector('.header');
const maxHeight = window.innerHeight;
const minHeight = 150;

window.addEventListener('scroll', () => {
    const height = Math.max(minHeight, maxHeight - window.scrollY);

    header.style.setProperty('height', `${height}px`);
});

.A {
  display: flex;
  flex-direction: column;
  align-items: center;
}

$('.menu-item > .submenu').toggleClass('show-submenu');

$(this).find('.submenu').toggleClass('show-submenu');

.wrapper {
  display: flex;
  justify-content: center;
}