JSFiddle - React, Tailwind, and code Playground

by shweta naik

HTML

<ul class=”somelist” id="mylist" onclick="listClick(event);"> 
        <li>1</li>
        <li>2</li>
        <li>3</li>
        
        <li>999</li>
    </ul>

JavaScript

// Get the element, add a click listener...
/*document.getElementById("mylist").addEventListener("click", function(e) {
	// e.target is the clicked element!
	// If it was a list item
	if(e.target && e.target.nodeName == "LI") {
		// List item found!  Output the ID!
		console.log("List item ", e.target.id.replace("post-"), " was clicked!");
	}
});*/

function listClick(e){
    if(e.target && e.target.nodeName == "LI") {
        console.log("Item ", e.target.innerHTML, " clicked.");
        
    }
}