JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="elements">
<li>Element 1</li>
<li>Element 2</li>
</ul>

<button id="btn_overwrite">overwrite</button> 
<button id="btn_overwrite_remove">overwrite remove</button>

JavaScript

function normalClick(obj){
    console.log("CLICK: #elements li | "+obj.text());
}

function overwriteClick(obj){
    $("#elements li").off("click");
    $("#elements li").on("click", function(){           
        console.log("CLICK overwrite");
    })
}

$("#elements li").on("click", normalClick());

$("#btn_overwrite").on("click", overwriteClick());    
        
$("#btn_overwrite_remove").on("click", function(){
    $("#elements li").on("click", normalClick();
});