Изменение класса блока в зависимости от размеров экрана

(function() { 
    var throttle = function(type, name, obj) { 
        obj = obj || window; 
        var running = false; 
        var func = function() { 
            if (running) { return; } 
            running = true; 
             requestAnimationFrame(function() { 
                obj.dispatchEvent(new CustomEvent(name)); 
                running = false; 
            }); 
        }; 
        obj.addEventListener(type, func); 
    }; 
 
    /* init - you can init any event */ 
    throttle("resize", "optimizedResize"); 
})(); 
 
// Событие, сюда ваш код 
window.addEventListener("optimizedResize", function() { 
    testFunction(); // вызов той самой функции 
}); 
 
 
// Функция, чтобы было удобно вызвать 
function testFunction() { 
    const el = document.getElementById('ButtonOnPreview'); 
 
    if (window.innerWidth < 769){ 
        el.classList.add('preview_main_button_2'); 
        el.classList.remove('preview_main_button'); 
    } else { 
        el.classList.add('preview_main_button'); 
        el.classList.remove('preview_main_button_2'); 
    } 
 
} 
// Вызов функции, чтобы она срабатывала при загрузке 
testFunction();

    .preview_main_button{ 
        background: red; 
    } 
    .preview_main_button_2{ 
        background: green; 
    }

<div class="preview_main_button" id="ButtonOnPreview">Перейти ко всем статьям</div>