JSFiddle - React, Tailwind, and code Playground

HTML

<div id='id1' class='class1'>DI1</div>

CSS

.class1 {
    cursor:pointer;
}

JavaScript

$(document).on('click', '.class1', function() {
       $('.class1').addClass('class2');
    });

    
    $(document).on('click', '.class2', function() {
       alert('class2');
    });