3.6 


<ul>
    <li>Chocolat <span class="ajouter">+</span></li>
    <li>Fraise   <span class="ajouter">+</span></li>
    <li>Praliné  <span class="ajouter">+</span></li>
    ...
</ul>
<script>
   let ajouter=document.querySelectorAll('.ajouter');
   for(let i=0;i<ajouter.length;i++){
      ajouter[i].addEventListener('click',function(){
        this.XYZ='green';
      });
   }
</script>

Quand l'utilisateur clique sur un +, on voudrait que toute la ligne <li> correspondante soit affichée en vert.
Que faut-il écrire à la place de XYZ ?
Rappel: dans ce code, le « this » correspond au <span class="ajouter>+</span> qui vient d'être cliqué... pas au <li>