JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<ul id="mylist">
  <li>
    hello
  </li>
  <li>
    Joe
  </li>
</ul>

<textarea name="place" id="place" cols="30" rows="10"></textarea>

JavaScript

document.getElementById("mylist").addEventListener("click",function(e) {
        // e.target is our targetted element.
                    // try doing console.log(e.target.nodeName), it will result LI
        if(e.target && e.target.nodeName == "LI") {
            console.log(e);
            document.getElementById('place').value+= e.target.innerText;
        }
    });