Implémentation de la Fonctionnalité de Filtrage

Objectif

Enfin et surtout, la dernière étape consiste à ajouter une fonctionnalité pour filtrer les articles par sujet, qui sera implémentée en utilisant JavaScript.

Invite Possible

Pouvez-vous implémenter la fonctionnalité de filtrage des articles par sujet en utilisant des boutons HTML et JavaScript ?

Résultat

fichier index.html

• Nous ajoutons un bloc nav à l'header où nos boutons de filtrage seront placés ;
• Nous fournissons à chaque article l'attribut data-category et la valeur de sujet correspondante ;
• Nous ajoutons le lien vers le fichier index.js avant la balise de fermeture body.

fichier index.css
Nous ajoutons quelques styles pour rendre les boutons de filtrage jolis.

fichier index.js
Nous collons le script qui implémente la logique de filtrage.

Tout cela, ChaGPT nous a dit de le faire. Nous avons suivi ses instructions.

État du site Web

Tutoriel Vidéo

Voilà. Vous l'avez fait. Ceci est votre site web complet et entièrement fonctionnel. Bon travail !