Maintenant que nos Item ont un statut validé ou non, on va pouvoir boucler sur notre liste pour générer un affichage en fonction !
- Dupliquer le fichier v5-boolean.js et le nommer v6-loops-ifs.js
- Mettre à jour le commentaire en haut du fichier
- Mettre à jour la méthode display de la classe ToDo pour qu’elle
- affiche tout d’abord le nom de la liste
- puis boucle sur les items
- pour chaque item
- Si l’item a un statut terminé, afficher quelque chose du type “(X) – Item 1“
- Sinon, afficher quelque chose du type “( ) – Item 1“
- pour chaque item
- Commencer par une boucle classique for
- Essayer ensuite de réduire la taille du code, en utilisant par exemple une boucle forEach et un opérateur ternaire
let myTodo = new ToDo('My todo', [new Item('item1'), new Item('item2'), new Item('item3')]);
myTodo.display();
doit afficher quelque chose comme :
My todo
( ) 1 item1
( ) 2 item2
( ) 3 item3
- Pour s’exercer, essayer d’implémenter une nouvelle méthode toggleAll qui change le statut de tous les éléments de la liste à validé ou non validé
Essayez de tout faire par vous même, puis vous pouvez comparer avec cette correction.