event

Click on me

Click on me

Trouver le code pour obtenir le comportement précédent. 

HTML : 
<div id="event">
    <div id="0">Click on me</div>
    <div id="1">Click on me</div>
</div>

style : 
.selected {
  cursor: wait;
}

.selected:after{  
  content:" Afficher la console : "  attr(id);
}

JS : 


  var zone = document.body.querySelector("#event");
  var zoneD = zone.querySelectorAll('div'); 
  
  var testPara= function(index, para){ 
    -- compléter -- 
        console.log("nb =" + index);

        para.classList.toggle('selected'); 
  
};
                             

  for (var i = 0; i < zoneD.length; i++) {
     -- compléter -- 
  }