Étape 13 : JS - Supprimer une Tâche

Implémentons la suppression. C’est similaire au basculement d’état, mais cette fois nous retirons l’élément du tableau.

1. Méthode supprimerTache

Dans GestionnaireTaches :

    // Supprimer une tâche
    supprimerTache(id) {
        // filter() est la méthode reine pour supprimer
        // Elle garde tout ce qui N'EST PAS l'id à supprimer
        this.taches = this.taches.filter((tache) => tache.id !== id);
    }

2. Exposer au HTML avec Confirmation

Dans window.supprimerTache, nous allons ajouter une petite sécurité pour éviter les clics accidentels. confirm() est une fonction native du navigateur qui affiche une fenêtre Oui/Non.

À la fin du fichier script.js :

window.supprimerTache = (id) => {
    if (confirm('Voulez-vous vraiment supprimer cette tâche ?')) {
        app.supprimerTache(id);
        afficherTaches();
        // (Stats à mettre à jour bientôt)
    }
};

Important : Notez que nous rappelons afficherTaches() après la suppression pour que la liste à l’écran corresponde à la nouvelle réalité des données.

---

Test : Ajoutez quelques tâches. Cliquez sur la poubelle. Une alerte demande confirmation. Si vous dites OK, la tâche disparaît.