Javascript - resize - czyli ukrycie obiektu od pewnej rozdzielczości

Question

Witajcie,

Mam taki oto skrypt

var menu = document.querySelector('.nav-menu');
window.addEventListener("resize", function()
{

menu.style.display="none";
}

}
);

i wszystko działa, jeśli zmienię troszkę rozdzielczość okna przeglądarki element znika ale jak mogę zapisać w kodzie, żeby element zniknął jeżeli okno przeglądarki przekroczy wartość 300 px jako width.

Z góry dzięki za pomoc. 

Answer 1

Użyj media queries

Comments

nie pytam się o media queries, tylko java script

---

Kolega dobrze poradził Ci media queries, ponieważ do tego to służy. Javascriptem nie jest tu potrzebny.

---

Użycie media queries w tym przypadku jest bardziej optymalne ;)

---

każdy ma inny koncept, może i rada dobra ale nie odnosi się do mojego tematu

---

https://developer.mozilla.org/en-US/docs/Web/API/Element/clientWidth / https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetWidth

---

@xmentor, popisze jeszcze kilka miesięcy i zmieni zdanie 

---

@Ehlert, prawdopodobnie tak :D

@luki998, mały tip: lepiej dodawać/usuwać klasę z odpowiednimi regułami niż style inline.

---

Właśnie za bardzo nie wiem jak zarządzać tymi klasami więc na razie próbuje swoimi siłami i tworzę te style.