Как запускать js при определенном разрешении экрана?

Question

[Евгений Саймон]

Не могу сделать "адаптивность" скрипта JS. Почему-то не работает. Пробовал такое:

$(window).resize(function() {
  if(document.documentElement.clientWidth > 1200) {
    // скрипт
  }
});

и

window.onresize = function(event) {
  if(window.innerWidth >= 1200) {
    // скрипт
  }
});

и

if (document.body.clientWidth>1200){
   // скрипт
}

Подскажите как сделать?

Answer 1

[Денис]

А почему бы не использовать медиа-запросы? matchMedia
Простенький пример

var mediaQuery = window.matchMedia("screen and (min-width: 600px)");
mediaQuery.addListener(foo);
foo(mediaQuery);

function foo(mq) {
    document.body.style.backgroundColor = mq.matches ? '#f00' : '#060';
}

Answer 2

[barkalov]

Код выглядит рабочим.