JSFiddle - React, Tailwind, and code Playground

HTML

<div id='id1'>id1</div>

JavaScript

function f1(){
    
        $("#id1").adclass('class1');
   
    

}

function f2(){
    
        $(".class1").adclass('class2');
    
}

function f3(){
    
        $(".class2").adclass('class3');
        $('.class3').html('class3');
    
}

$('#id1').on('click', function(){

f1();
f2();
f3();
});