Как изменить переменную Javascript в зависимости от медиа-запросов?

Question

Можно ли изменить переменную Javascript в зависимости от CSS медиа-запросов? например, для У меня есть переменная в javascript с именем deviceSize, и по умолчанию для нее установлено значение desktop. И у меня есть 3 разных медиа-запроса для настольных планшетов и мобильных устройств. Как я могу сообщить Javascript медиа-запросу, что он используется?

Я хочу это сделать, потому что хочу отключить определенные функции моей игры на мобильном устройстве. Моя игра - это игра про саперов, и в ней три уровня сложности. Он начинается с сетки 16x16 из-за deviceSize. Поэтому я хочу, чтобы javascript изменял эту переменную в зависимости от медиа-запроса, который обнаруживает CSS. Поэтому я установил deviceSize на мобильный и запустил игру с сеткой 8x8.

Вот моя игра: https://github.com/sacredcandies/minesweeper

Answer 1

попробуйте это, чтобы получить ширину и высоту

 function getWidthAndHeight() {
      let width= window.innerWidth;
      let height= window.innerHeight;
}

Answer 2

Почему бы просто не использовать window.innerWidth для определения размера дисплея?

https://www.w3schools.com/jsref/prop_win_innerheight.asp