Binding in loop

by Justin Chen

HTML

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>

CSS

p{
  line-height: 2;
  background: #09c;
  padding: 0 1rem;
  color: #fff;
}

JavaScript

var p = document.getElementsByTagName('p'),
handleClick = function(elem, index){
  elem[index].onclick = function(){
    alert(index);
  };
};
for (var i = 0; i < 5; i++) {
  handleClick(p, i);
}