Pour ma part, je ne sais pas si je ne me suis pas un peu compliqué la vie...
let liItems = document.querySelectorAll('ul li');
for(let liItem of liItems){
const spanCheck = document.createElement('span') ;
spanCheck.style.paddingLeft = "10px";
liItem.addEventListener('click', function(){
this.classList.toggle('active');
if(this.classList.contains('active')){
this.appendChild(spanCheck);
spanCheck.innerHTML = ``; //je me suis abstenu de recréer un élément et de lui affecter une classe
}else{
this.removeChild(spanCheck);
};
});
}

Javascript | Checklist
Ce que vous allez Apprendre
Exercice d'application
Nous mettons en pratique nos nouvelles connaissances lors de cette formation Javascript avec la proposition d'un nouveau challenge.
Le but de cette exercice sera de construire une checklist automatisée depuis une liste à puces.
Bon courage à tous !
Commentaires 3