Tło nie zmienia się po uruchomieniu strony JavaScript

Question

Witam

Mam taki kod

function myFunction() {
$(window).resize(function(){
  var height = window.innerHeight;
  if(height < 1200 && height > 560){
   document.body.style.background = "#242424";
  }
  else{
   document.body.style.background = "#e5e5e5";
  }
});
}

otóż aby zmieniło się tło na stronie muszę zmienić rozmiar okna , co mam zrobić aby od razu po uruchomieniu strony bez konieczności zmieniania rozmiaru okna kolor tła się zmieniał na stronie , bardzo mi na tym zależy

Answer 1

Bo masz tylko na on resize a nie na onload. Natomiast kompletnie nie rozumiem czemu robisz to w JS. Jest to co najmniej nipoprawne rozwiązanie. Takie rzeczy robi się przez media query.

Comments

wiem ale moja strona ma  menu sticky wspierane przez JavaScript i projektuje osobną wersję tego menu dla urządzeń mobilnych a osobną dla wersji komputerowej, nie będę tłumaczył dokładnie o nie chce się rozpisywać dlaczego dokładnie tak robię ale dzięki wielkie za pomoc