Afin d'assoir les notions vues jusqu'à maintenant je vous propose un petit TP qui permettra de pratiquer ce que l'on a vu jusqu'à maintenant.
Objectif
Pour ce premier TP votre objectif est de créer un petit système de tâches à faire.
- On affiche un message si il n'y a pas de tâches à faire.
- Un champ texte accompagné d'un bouton "Ajouter" sera présent au dessus de la liste et permettra d'ajouter une nouvelle tâche.
- Pour chaque tâche, une case à cocher permettra de marquer la tâche comme faite.
- Une tâche terminée sera barrée (à l'aide de CSS).
- Les tâches à faire seront toujours affichées en premier.
- Une case, en bas de liste, permettra de masquer les tâches terminées.
Les tâches respecteront le format suivant :
[
{ "title": "Acheter la propriété 'Rue de la Paix'", "completed": false, "date": 20240730 },
{ "title": "Construire un hôtel sur 'Avenue Foch'", "completed": false, "date": 20240730 },
{ "title": "Éviter la case prison", "completed": false, "date": 20240730 }
]
