Javascript Curry + Usecase

by 1UnitedPower

HTML

<p>Foo</p>
<p>Foo</p>
<p>Foo</p>
<p>Foo</p>
<p>Foo</p>
<p>Foo</p>

CSS

p {
  counter-increment: pes;
}

p::before {
  content: counter( pes ) '. ';
}

JavaScript

var pes = document.getElementsByTagName('p');
var i,l;

function letMeIntroduceMyself( number ){
  return function( event ){  
     alert('Paragraph #'+number+' clicked!');
     event.target.style['background-color'] = 'yellow';
  }
}

for (i=0, l=pes.length; i < l; i+=1){
  pes[i].addEventListener('click', letMeIntroduceMyself(i), true);
}