Как добавить класс div'у через JS ,если ширина окна меньше 600px?

Question

[ord0]

Как сделать чтобы при ширине окна меньше 600 пикселей к DIV'у добавлялся класс small? Желательно использовать чистый JS.

Answer 1

[Максим Морев]

function classNameCheck() {
  const div = document.querySelector('.js-your-div');
  if (!div) return;

  if (window.innerWidth < 600) {
    div.classList.add('small');
  }else{
    div.classList.remove('small');
  }
}

['load', 'resize', 'orientationchange'].forEach(event => {
  window.addEventListener(event, classNameCheck);
})

Answer 2

[Игорь Бакин]

if (window.matchMedia("(max-width: 600px)").matches) {
  document.querySelector('.myDiv').classList.add('small');
}