JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Li</li>
  <li>Li</li>
  <li>Li</li>
</ul>

JavaScript

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

bind();

setInterval(function() {
	//update
  const ul = document.querySelector("ul"); 
  ul.innerHTML = ul.innerHTML;
  
  for (const li of document.querySelectorAll("li")) {
  	console.log(li.onclick, li);
  }
  
  bind();
  
   for (const li of document.querySelectorAll("li")) {
  	console.log(li.onclick, li);
  }
}, 1000);