ResizeScreen com JavaScript

by Cristofer Sousa

HTML

<div class="bgBlack">

  <h1>TESTE</h1>
</div>

CSS

.bgBlack{
  min-width:100vw;
  min-height:100vh;
   color:#fff;
}

JavaScript

window.onresize = changeBackgroundOnResize;

changeBackgroundOnResize();

function changeBackgroundOnResize() {
  var w = window.innerWidth;
  var element = document.querySelector('.bgBlack');
  var color = "black";

  if (w <= 850 && w > 460) {
    color = "blue";	
  } else if (w <= 460) {
    color = "orange";
  }

  element.style.background = color;
}