Как через медиазапрос применить скрипт?

Просто сделать такое через правило - @media - невозможно! так как првила @media действуют только на стили.
Но это возможно с помощью самого скрипта.

Делаем через метод matchMedia объекта window.

Пример задействования скрипта в зависимости от ширины экрана:

// например, проверим, соответствует ли указанный медиа запрос (screen and (max-width: 543px)) устройству
// результат проверки можно получить с помощью свойства matches (true или false)
if (window.matchMedia('screen and (max-width: 543px)').matches) {
  // ... действия, если устройство отвечает медиа запросу
} else {
  // ... действия, если устройство не соответствует значениям медиа запроса
}