JSFiddle - React, Tailwind, and code Playground

by gedave

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<title>Untitled Document</title>
<ul id="cMenu" class="collapsibleList">
    <li>Parent item 1
        <ul>
            <li id="item1">Child item 1</li>
            <li id="item2">Child item 2</li>
        </ul>
    </li>
    <li>Parent item 2
        <ul>
            <li id="item3">Child item 3</li>
            <li id="item4">Child item 4</li>
        </ul>
    </li>
</ul>
<p id="output">test </p>

JavaScript

var listItems = document.getElementsByTagName('li');

for (var i = 0; i < listItems.length; i++) {
    listItems[i].onclick = function (e) {
        e.stopPropagation();
        console.log(e.target.id);
    };
}