TP 1 : compteur
Créer un compteur qui s'incrémente et se décremente en cliquant sur les boutons "+" ou "-".
Pour cela :
- Créer 2 composants : App.jsx et Counter.jsx
- créer un state qui s'appellera "count" dans App.jsx
- Créer les gestionnaire d'événement onClickAdd et onClickSubstract dans App
- Créer une instance de Counter dans App en passant dans les props les références à onClickAdd et onClickSubstract
TP 2 : Liste de tâches
Créer une application "task".
Créer un componsant formulaire comprenant une zone de texte (input) et un bouton "Ajouter une tâche". Au click sur ce bouton, et après avoir renseigné l'input du formulaire (<input type="text">), une tâche (ex : acheter du pain ) apparaîtra juste sous le formulaire et dans une section.
Chaque tâche est crée avec la balise section et permettra d'afficher côte à côte :
- l'intitulé de la tâche,
- un bouton pour valider la tâche (cette dernière sera alors barrée, un bouton "invalider" remplace le bouton "valider" et toute la tâche est déplacée en fin de section qui entoure l'ensemble des tâches
- un bouton pour supprimer la tâche qui déclenchera au click une "pop-up" grâce à la méthode "confirm()" pour que l'internaute confirme son choix de suppression. En cas de confirmation, la section "tâche" correspondante sera supprimée.
