Как на определенном медиа-запросе CSS включать нужный кусок JS кода?

Question

Всем здравия! Как мне, например, на @media(max-width: 992px) задействовать определенный кусок JS кода?

То есть до 992px у меня работает один код, а после 992px уже другой.

Answer 1

Необходимо работать с шириной окна именно на стороне JS.

if(document.documentElement.clientWidth < 992){
   doSomething()
}else{
   doSomething2()
}

И еще, это хорошо бы вставить и при загрузке и при resize, что бы все не сломалось при повороте экрана смартфона,например.

Answer 2

Для этого можно воспользоваться методом интерфейса window, под названием matchMedia:

if (window.matchMedia("(max-width: 992px)").matches) {
  // работает один код
} else {
  // работает уже другой 
}