Zmiana kolorów diva

Question

Witam

Jaki mam wprowadzić kod aby od 1200 px do 1000 px szerokości okna kod JavaScript sprawiał że div będzie czerwony a od 999 px do 400 px aby div był niebieski  , bardzo mi na tym zależy

Answer 1

Nie znam JS ale taki efekt łatwo uzyskać dzięki CSS.

https://jsfiddle.net/j7qf957h/

Comments

Daniel90 dał Ci optymalna odpowiedź. Ale oczywiście jquery równie można wykorzystać. Dałem Ci już podpowiedź w odpowiedzi na pytanie o menu sticky. Ta sama funkcja do sprawdzenia jaka jest aktualnie szerokość ekranu.

$(window).resize(function(){
  var width = $(window).width();
  if(width < 1200 && width > 1000){
    console.log("to jest ten przedział");
  }
  else{
    console.log("a to już jest poza")
  }
});

 

---

właśnie potrzebuje to napisać w JavaScript

---

No to masz odpowiedź.

---

dzięki

---

@pablop76,
dodałem do tego kodu pewne parametry

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";
  }
});
}

i jak włączam stronę na której umieściłem ten kod to muszę zmienić rozmiar okna aby zaszła zmiana koloru tła , co mam zrobić aby od razu po uruchomieniu strony bez konieczności zmieniania wielkości okna kolor tła się zmieniał