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 Output="Nothing Yet...";

function getItems (){
var listItems = document.getElementsByTagName('li');

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

          alert(e.target.id);

	  };
  }
}