JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <label><li><a href="/tv8kcfgv/1/">Li</a></li></label>
  <label><li><a href="/tv8kcfgv/1/">Li</a></li></label>
  <label><li><a href="/tv8kcfgv/1/">Li</a></li></label>
</ul>

JavaScript

//that isn't work
const bind = (elem = document) => {
  for (const li of elem.querySelectorAll("li")) {
    li.onmousedown = function(e) {
    	e.preventDefault();
      
    	console.log("click");
    }
  }
};

bind();

setInterval(function() {
	//update
  const ul = document.querySelector("ul")
  const copy = ul.cloneNode(true);
 	bind(copy);
  ul.parentNode.replaceChild(copy, ul);  
  
}, 500);