Сергей delphinpro

Не очень понятно.
Попробую переформулировать.

Вы открываете меню на мобильном разрешении, увеличиваете окно, и меню остается открытым, хотя на декстопе оно уже не требуется.
Так?

Тогда есть решение без javascript.

.menu {
  right: -100%;
}

@media(max-width: 768px) {
  /* Открывать меню только при ширине, меньшей 768 */
  .menu.open {
    right: 0;
  }
}

Остается небольшой сайд-эффект. Если снова уменьшить окно, меню появится открытым.
С этим часто можно мирится. Но если нет, то тогда придется проводить манипуляции скриптами

const m = matchMedia('(min-width: 768px)');
function watch(e) {
  if (e.matches) { // Сработает, когда ширина превысит 768px
    document.querySelector('.menu').classList.remove('open');
  }
}
m.addListener(watch);
watch(m);

как вариант применять трансформации к слайда. Отталкиваться от активного и видимых, они обычно имеют свой класс.

грубый пример

.slide-visible { transform: scale(0.5); } // первый видимый слайд
.slide-visible + .slide-visible { transform: scale(0.75); } // второй
.slide-visible ~ .slide-active { transform: scale(1); } // активный, в центре
.slide-active + .slide { transform: scale(0.75); } // следующий за активным
.slide-active + .slide + .slide { transform: scale(0.5); } // последний видимый
// немного плавности
.slide { transition: transform 1s ease; }

Вероятно вам нужны мульти-оси с разными скейлами для каждой оси.
https://www.chartjs.org/docs/latest/samples/line/m...

Модуль Counter.js

export default class {
    #enabled = false;
    #timer = null;

    #elHours;
    #elMinutes;
    #elSeconds;

    #hours = 0;
    #minutes = 0;
    #seconds = 0;
    
    constructor(el) {
        this.#elHours = el.querySelector('.hours');
        this.#elMinutes = el.querySelector('.minutes');
        this.#elSeconds = el.querySelector('.seconds');
        document.addEventListener('keydown', this.startBySpace.bind(this));
    }
    
    startBySpace() {
        if (e.code === 'Space') {
            if (this.#enabled) {
                this.#enabled = false;
                clearInterval(this.#timer);
            } else {
                this.#enabled = true
                this.#timer = setInterval(() => this.tick(), 1000);
            }
        }
    }
    
    tick() {
        this.#seconds++;
        if (this.#seconds === 60) {
            this.#seconds = 0;
            this.#minutes++;
            if (this.#minutes === 60) {
                this.#minutes = 0;
                this.#hours++;
            }
        }
        this.render();
    }
    
    render() {
        elSeconds.innerHTML = this.zero(this.#seconds);
        elMinutes.innerHTML = this.zero(this.#minutes);
        elHours.innerHTML = this.zero(this.#hours);
    }
    
    zero(number) {
        return number < 10 ? `0${number}` : `${number}`;
    }
}

Использование, например в файле main.js

import Counter from './Counter.js';

document.querySelectorAll('.clocks').forEach(clock => {
    new Counter(clock);
});

это такой же "POST" как если использовать форму для отправки данных?

Разумеется. Какой он еще может быть? =)
Не имеет значения, как именно был инициирован запрос – отправкой формы или скриптом.

Как парсить сайты?
Парсить можно чем угодно: js, php, python и т.д.

К чему эти извращения?
https://developer.chrome.com/docs/devtools/remote-...