Wyświetlanie napisu po zmienie rozmiaru okna warunek if JavaScript

Question

Witam

Jaki mam wprowadzić kod aby w warunku if po zmianie rozmiaru okna wyświetlał napis test , próbowałem użyć

if ($(window).resize()) {
		
   alert("test");
   }
   

ale po zmianie rozmiaru okna nie pojawia mi się napis , bardzo mi na tym zależy a nie wiem jak się za to zabrać

Answer 1

Podepnij po prostu funkcję pod zdarzenie 'resize' dla window:

window.addEventListener('resize', () => {
  console.log(`Window width: ${window.innerWidth}`);
});

 

Comments

no dobra , ponieważ na stronie po zmianie rozmiaru okna nie aktualizuje się

scrollTop()

(bo wysokość strony jest zmienna) i trzeba ruszyć scrollem aby aktualizował script dane i myślę żeby dodać warunek w if , że jeżeli zostanie zmieniony rozmiar okna to ma coś tam wykonać

---

że jeżeli zostanie zmieniony rozmiar okna to ma coś tam wykonać

no toż o tym mówię :) to "coś" po prostu umieść wewnątrz callback function dla addEventListener na nasłuchiwaniu zdarzenia 'resize' i voila:)

---

a mógłbym poprosić o pisanie tego na kodzie

---

window.addEventListener('resize', () => {
    //tutaj jesteśmy jeśli zmieni się width okna
    //i wywołujemy funkcję fn
    fn();
});

 

---

dzięki wielkie za pomoc