5.0 Modification d’un article existant

Objectif :

L’objectif de cet exercice est d’ajouter la possibilité pour l’utilisateur de modifier un article directement dans la liste. L’utilisateur pourra cliquer sur un bouton “Modifier” à côté de chaque article, changer le texte de l’article, puis valider la modification avec un bouton “Sauvegarder”.

On va utiliser : .contentEditable

Étapes :

1. Ajouter un bouton “Modifier” à chaque listItem dans la liste.
2. Permettre à l’utilisateur de cliquer sur le bouton “Modifier” pour rendre l’article éditable.
3. Changer le bouton “Modifier” en “Sauvegarder” pour permettre à l’utilisateur de confirmer la modification.