Javascript Loop

by Santosh Thakur

HTML

<ul id="uli">
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
</ul>

JavaScript

var ul = document.getElementById('uli');
var uli = ul.getElementsByTagName('li');
for (var i = 0; i < uli.length; i++) {
  console.log(uli[i]);

  uli[i].addEventListener('click', function(e) {
    alert(e.target);
  });

}