JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<div class="monster1-head alignLeft monster-head" data-class="monster1-head"></div>
<div class="monster2-head alignLeft monster-head" data-class="monster2-head"></div>
<div class="monster3-head alignLeft monster-head" data-class="monster3-head"></div>
<div class="monster4-head alignLeft monster-head" data-class="monster4-head"></div>

JavaScript

$(document).ready(function(){

    
    $('.monster-head').on('click', function(){
        var className = $(this).data('class');
        $('#monsterHead').addClass(className);
    });
});