Bind click event on each li

var li = document.getElementsByTagName("li");
        for (var i = 0; i < li.length; i++) {
            li[i].addEventListener(
                "click",
                function() {
                    console.log(i);
                },
                false
            );
        }

Obviously not! Closure of!

var li = document.getElementsByTagName("li");
        for (var i = 0; i < li.length; i++) {
            (function(i) {
                li[i].addEventListener(
                    "click",
                    function() {
                        console.log(i);
                    },
                    false
                );
            })(i);
        }

Use event listeners

var ul = document.getElementsByTagName("ul")[0];
        ul.onclick = function(e) {
            var event = e || window.event;
            var target = event.target || event.srcElement;
            console.log(target.innerText);
        };