script.js

const champSaisi = document.getElementById("saisiInput");
const btnAjouter = document.getElementById("btnAjouter");
const listeAffaire = document.getElementById("listeAffaire");
const buttonfiltre = document.querySelectorAll(".filter-btn");
const compteurTache = document.getElementById("compteurTache");

let taches = [];
let filtreActuel = "toutes";
let prochainId = 0;

function ajouterTache(){
    const texte = champSaisi.value.trim();

    if(texte){
        taches.push({
            id: prochainId++,
            texte: texte,
            terminer: false 
        });
    }

    champSaisi.value = "";
    champSaisi.focus();

    afficher();
}


function basculerTache(id){
    const tache = taches.find(t => t.id === id);

    if(tache){
        tache.terminer = !tache.terminer;
        afficher();
    }
}

function supprimerTache(id){
    taches = taches.filter(t => t.id !== id);
    afficher();
}

function obtenirTacheFiltre(){
    if(filtreActuel === "actif"){
        return taches.filter(t => !t.terminer);
    }
    if(filtreActuel === "terminer"){
        return taches.filter(t => t.terminer);
    }
    return taches;
}

function mettreCompteurAjour(){
    const restantes = taches.filter(t => !t.terminer).length;

    compteurTache.textContent = (restantes <= 1) ? `${restantes} tache restante `: `${restantes} taches restantes`;
}


function afficher(){
    listeAffaire.innerHTML = "";

    const tachesFiltre = obtenirTacheFiltre();

    if(tachesFiltre.length === 0){
        const message = document.createElement("li");
        message.textContent = "Aucune tache a affaire";
        message.className = "empty-msg";
        listeAffaire.appendChild(message);
    }

    tachesFiltre.forEach(tache => {
        const ligne = document.createElement("li");
        ligne.className = "task-item";

        const caseAccocher = document.createElement("input");
        caseAccocher.type = "checkbox";
        caseAccocher.checked = tache.terminer;
        caseAccocher.addEventListener("click", () => basculerTache(tache.id));

        const texteTAche = document.createElement("span");
        texteTAche.className = "task-text";
        texteTAche.textContent = tache.texte;

        const btnSupprimer = document.createElement("button");
        btnSupprimer.className = "delete-btn";
        btnSupprimer.innerHTML = "x";
        btnSupprimer.addEventListener("click", () => supprimerTache(tache.id));

        ligne.appendChild(caseAccocher);
        ligne.appendChild(texteTAche);
        ligne.appendChild(btnSupprimer);
        listeAffaire.appendChild(ligne);
    });
    mettreCompteurAjour();

}


buttonfiltre.forEach(bouton => {
    bouton.addEventListener("click", () => {
        buttonfiltre.forEach(b => b.classList.remove("actif"));
        bouton.classList.add("actif");
        filtreActuel = bouton.dataset.filtre;
        afficher();
    });
});

btnAjouter.addEventListener("click", ajouterTache);
champSaisi.addEventListener("keydown", e => {
    if(e.key === "Enter") ajouterTache();
});

afficher();