JSFiddle - React, Tailwind, and code Playground

by Alfie

HTML

<button id="btn">Active</button>
<div id="div">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vehicula aliquam ultrices. Nulla at odio nec purus volutpat accumsan nec imperdiet erat.</div>

CSS

#div {
    height:90px;
    width:290px;
}
.blue {
    background:blue;
}
.red {
    background:red;
}

JavaScript

$(document).on('click', '#btn', function (e) {
    e.preventDefault();
    if ($(window).width() > 500) {
        $("#div").addClass("red");
        $("#div").removeClass("blue");
    } else {
        $("#div").addClass("blue");
        $("#div").removeClass("red");
    }
});