JSFiddle - React, Tailwind, and code Playground

HTML

<button class="lock">Lock</button>
<button class="unlock">Unlock</button>
<div id="output">Output</div>

JavaScript

$(document).on('click', '.lock,.unlock', function () {
     $('#output').html($(this).attr('class'));
    $(this).toggleClass('lock unlock').text($(this).attr('class'));
   
});