Mål

Slutligen är det sista steget att lägga till funktionalitet för att filtrera artiklar efter ämne, vilket kommer att implementeras med JavaScript.

Möjlig uppmaning

Kan du implementera funktionen för att filtrera artiklar efter ämne med hjälp av HTML-knappar och JavaScript?

Resultat

index.html file

• Vi lägger till ett nav-block i header där våra filtreringsknappar placeras;
• Vi förser varje artikel med attributet data-category och motsvarande ämnesvärde;
• Vi lägger till länken till index.js-filen före den avslutande body-taggen.

index.css file
Vi lägger till några stilar för att göra filtreringsknapparna snygga.

index.js file
Vi klistrar in skriptet som implementerar filtreringslogiken.

Allt detta sa ChatGPT åt oss att göra. Vi följde dess instruktioner.

Webbplatsens tillstånd

Videohandledning

Här är det. Du klarade det. Detta är din kompletta, fullt fungerande webbplats. Bra jobbat!