devarajchidambaram · October 4, 2018 11:58
diff --git a/eventdelegation.html b/eventdelegation.html
 <!---
 Event delegation in JS
 Ref
 https://medium.freecodecamp.org/3-questions-to-watch-out-for-in-a-javascript-interview-725012834ccb
 -->

 <html>

 <body>
    <ul id="todo-app">
        <li class="item">Walk the dog</li>
        <li class="item">Pay bills</li>
        <li class="item">Make dinner</li>
        <li class="item">Code for one hour</li>
    </ul>
 </body>
 <script>
    document.addEventListener('DOMContentLoaded', function () {

        let app = document.getElementById('todo-app');

        // attach event listener to whole container
        app.addEventListener('click', function (e) {

            if (e.target && e.target.nodeName === 'LI') {
                let item = e.target;
                alert('you clicked on item: ' + item.innerHTML);
            }
        });

    });
 </script>

 </html>
	<!---
	Event delegation in JS
	Ref
	https://medium.freecodecamp.org/3-questions-to-watch-out-for-in-a-javascript-interview-725012834ccb
	-->

	<html>

	<body>
	<ul id="todo-app">
	<li class="item">Walk the dog</li>
	<li class="item">Pay bills</li>
	<li class="item">Make dinner</li>
	<li class="item">Code for one hour</li>
	</ul>
	</body>
	<script>
	document.addEventListener('DOMContentLoaded', function () {

	let app = document.getElementById('todo-app');

	// attach event listener to whole container
	app.addEventListener('click', function (e) {

	if (e.target && e.target.nodeName === 'LI') {
	let item = e.target;
	alert('you clicked on item: ' + item.innerHTML);
	}
	});

	});
	</script>

	</html>