Solucionado
Boa noite! Gostaria de saber se é possível criar algum evento em JS para quando o navegador atingir um limite de largura (o breakpoint), o site consiga detectar essa mudança (com JS) e ativar algumas funções específicas para uma largura específica!
Att, Ferraz
Você pode usar a propriedade "read-only" window.innerWidth no loading ou no resize da página, assim você sempre terá a largura ou altura (innerHeight) da viewport do navegador.
Exemplo utilizando o evento resize:
window.addEventListener('resize', function () {
console.log(window.innerWidth);
});Essa função retornará o tamanho da viewport, em pixels, sempre que a janela for redimensionada.
Exemplo utilizando o evento load
window.addEventListener('load', function () {
console.log(window.innerWidth);
});Aqui você só terá o valor da viewport quando a página for recarregada.
Caso queira mudar apenas o CSS da página, recomendo utilizar as Media Queries do CSS3.
Fala ai André, tuo bem? Além do resize como o Joel citou, você também pode tentar usar e testar a ResizeOberserver e IntersectionObserver:
Caso a resposta minha ou do André ajudou com sua dúvida, não esqueça de marcar o tópico como solucionado, assim a gente consegue ajudar outros alunos com problemas iguais ou parecidos.
Espero ter ajudado.