pixel facebook
 

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 1


Votre adresse mail ne sera en aucun cas divulguée ou utilisée, elle nous permet de garantir la pertinence des commentaires affichés

Thibaut - 18/04/2020 01:07:10
je suis tres content d'avoir reussi l'exercice, merci à toi pout ton partage et tes explication
let items = document.querySelectorAll('ul li');

for( let item of items){
item.addEventListener('click', function(){
this.classList.toggle('active');
});
}
Thibaut - 18/04/2020 08:53:03
en voulant faire comme exigé dans l'exercice je suis buté, voici mon code
let items = document.querySelectorAll('ul li');

let span = document.createElement('span');
span.classList.toggle('check');

let i = document.createElement('i');
i.classList.toggle('fas' + 'fa-check');

let parent = document.li;

// let first = parent.firstChild;

for(let item of items){
item.addEventListener('click', function(){
this.insertBefore(span+i, this.firstElementChild.nextSibling);
});
}