JSFiddle - React, Tailwind, and code Playground

HTML

<button class='one'>class='one'</button><br/>
<button class='two'>class='two'</button><br/>
<button class='change'>change</button>

JavaScript

var func = function(value) {
    return function() {
        alert(value);            
    };
};

var one = function() {
    console.log('one');
};
    
var $one = $('button.one').click(func('click one'));
var $two = $('button.two').click(func('click two'));

$('.change').click(function() {
$one.removeClass('one').addClass('two').text("class='two'");
$two.removeClass('two').addClass('one').text("class='one'");    
    
var s= $one;
$one = $two;
$two = s;    
});

$('body').on('click', 'button.one', func('live one'));
$('body').on('click', 'button.two', func('live two'));