JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li id="open-chat-1">Hello</li>
  <li id="open-chat-2">World</li>
</ul>

JavaScript

var list = document.querySelectorAll('li');

  Array.prototype.slice.call(list).forEach(function(listItem){
    listItem.addEventListener('click', function(e){
      alert(this.id + ": " + this.innerHTML)
    });
  });