Включение меню на ширине < 768 сразу, а не при ресайзе

Вот в этой конструкции внутри скрипт на включение меню при клике на бургер. Как сделать так, чтобы блок включался, если эта ширина задана сразу (<768px), а не при обновлении страницы или ресайзе.

window.addEventListener('resize', () => {
if (document.documentElement.clientWidth < 768) {
        document.addEventListener('click', (e) => {
            let target = e.target;
            if (!f) {
                target = target.closest('.menu-button');
                if (target) {
                    if (target.classList.contains('menu-button')) {
                        openBurger.style.display = 'block';
                        f = true;
                    }
                }
            } else if (f) {
                if (target === closeMenuBtn) {
                    openBurger.style.display = 'none';
                    f = false;
                } else {
                    if (target.classList.contains('test')) {
                        openBurger.style.display = 'none';
                        f = false;
                    }
                }
            }
        });
    }}