JSFiddle - React, Tailwind, and code Playground

by Jorge Nunes

HTML

<p id='p1'>

</p>
<p id='p2'></p>

JavaScript

function resize(){
   var widthDoc = $(window).width();
    if (widthDoc <= 800){ 
    $('#p1').text('tela menor ou igual a 800');
    //evento que vai fazer caso a tela for <=800 fica aqui
    }
    else { 
    // evento que vai fazer caso a tela for >800
    $('#p1').text('tela maior que 800')
    }
   $('#p2').text('redimensionado! ' + 'width: ' + $(window).width() + 'px ' + ' height: ' + $(window).height()+'px');
  }


window.onresize = resize; //vai ficar executando a função sempre que houver um resize na pagina