Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Implémentation de la Fonctionnalité de Filtrage | Construction du Site Web du Blog
Essentiels du Développement Web avec l'IA

bookImplé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.

index.html

index.html

index.css

index.css

index.js

index.js

copy

État du site Web

Tutoriel Vidéo

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

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 6

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 5

bookImplémentation de la Fonctionnalité de Filtrage

Glissez pour afficher le menu

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.

index.html

index.html

index.css

index.css

index.js

index.js

copy

État du site Web

Tutoriel Vidéo

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

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 6
some-alt