JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  
</div>

CSS

.block{
  height: 100px;
  background: #000;
}

.mobil{
  background: red;
}

JavaScript

$('body').on('click', '.mobil', function() {
  $(this).css('background', 'blue');
});

var doit;
function resizedw(){
	if ($(document).width() < 500){
		$('.block').addClass("mobil");
	} else{
	$('.block').removeClass("mobil");
  
  }

};
window.onresize = function() {
	clearTimeout(doit);
	doit = setTimeout(function() {
		resizedw();
	}, 0);
};