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');

for (var i=0, l=pes.length; i < l; i+=1){
  pes[i].addEventListener('click', function( event ){
     alert('Paragraph #'+i+' clicked!');
     event.target.style['background-color'] = 'yellow';
  }, true);
}