Tri et filtre par catégorie

🎯 Objectif

Ajouter le tri par prix/nom et le filtre par catégorie aux produits.

📖 Contexte

L'app a déjà la recherche par titre. On va ajouter deux fonctionnalités supplémentaires : trier les résultats et filtrer par catégorie. Les trois filtres se combinent !

sort() : trier un tableau

sort() modifie le tableau original. Pour éviter ça, on travaille sur une copie :

const copie = tableau.slice()  // Copie du tableau

// Tri numérique (par prix)
copie.sort(function(a, b) {
  return a.price - b.price  // Croissant
})

// Tri alphabétique (par nom)
copie.sort(function(a, b) {
  return a.title.localeCompare(b.title)  // A → Z
})

La fonction de comparaison

sort() attend une fonction qui compare deux éléments :

• Retourne négatif → a vient avant b
• Retourne positif → b vient avant a
• Retourne 0 → même position

Combiner les filtres

L'idée est d'avoir une seule fonction appliquerFiltres() qui applique tout dans l'ordre :

1. Recherche par texte
2. Filtre par catégorie
3. Tri

📝 Consigne

1. Complète trierProduits(liste, critere) : utilise .sort() pour trier selon le critère choisi
2. Complète le filtre par catégorie dans appliquerFiltres() : si une catégorie est sélectionnée, ne garde que les produits de cette catégorie
3. Ajoute les addEventListener sur #categorie et #tri (événement "change")