javascript - Adding events on dynamically created tags -

javascript - Adding events on dynamically created tags -

i'm creating divs in script class name in loop. want add together onclick event every div , innerhtml clicking on them. every click lastly div's innerhtml. here's code :

class="snippet-code-js lang-js prettyprint-override">for(var i=0;i<10;i++) { var itemrow = document.createelement("div"); itemrow.innerhtml = i; itemrow.onclick = function(){ homecoming function(){ console.log(itemrow.innerhtml); //which returns lastly div innerhtml }(); } }

much

this mutual issue loop , event callbacks. trying access variable within function updated loop. that's why seeing lastly div innerhtml always. alter code to

for(var i=0;i<10;i++) { var itemrow = document.createelement("div"); itemrow.innerhtml = i; itemrow.onclick = getclickhandler(itemrow); } function getclickhandler(itemrow){ homecoming function(){ console.log(itemrow.innerhtml); } }

javascript html