Question

I am using the function, to add each li into each function, using addEventListener. According to me, on click on each li, should call each separate function. how can i add the li’s separately each functions? any one can help me..?

window.onload = function(){

            var myLi = document.getElementById('ul').getElementsByTagName('li');

            for(i=0;i<=myLi.length;i++){
                myLi[i].addEventListener('click','call'+[i],false);
            }

            function call(){
                alert('function one called');
            }

            function call2(){
                alert('function two called');
            }

            function call3(){
                alert('function three called');
            }

        }

Answer 1

Use an array to store your functions,

var calls = [];

calls[0] = function() { alert("1 called"); }
calls[1] = function() { alert("2 called"); }
..

Then add the event listeners as,

myLi[i].addEventListener('click', calls[i], false);

See an example.