Add a simple listener

by sramnan

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener -->

<table id="outside">
  <tr><td id="t1" onclick="event.stopPropagation()">one</td></tr>
  <tr><td id="t2">two</td></tr>
</table>

JavaScript

// Add event listener to table
var el = document.getElementById("outside");
var tl = document.getElementById("t1");
console.log(el.childNodes[1]);

console.log(el);
el.addEventListener("click", function(e){console.log("parent clicked" + e.target.textContent);
 });
 tl.addEventListener("click", function(){console.log("child clicked");
 });
 
 function setHelp(){
 var helpText = [
      1,2,3
    ];
    var tl = document.getElementById("t1");
    for(var i = 0; i < helpText[i]; i++){
    tl.addEventListener("click",function(){console.log(i)});
		}
    }
  
    
    
     function setHelp(){
 var ret = [
      1,2,3
    ];
    var tl = document.getElementById("t1");
    for(var i = 0; i < ret.length; i++){
     function test(i){
    tl.addEventListener("click",function(){console.log(ret[i])});
		}
    test(i);
    }
    
    }
        //setHelp();
        
         function setHelp1(){
 var ret1 = [
      1,2,3
    ];
    var tl = document.getElementById("t1");
    for(var i = 0; i < ret1.length; i++){
    (function(y){
    tl.addEventListener("click",function(){console.log(ret1[y])});
		}(i))
    }
    
    }
        setHelp1();