Mål

Til slutt er det siste steget å legge til funksjonalitet for å filtrere artiklene etter emne, noe som vil bli implementert med JavaScript.

Mulig prompt

Kan du implementere funksjonen for å filtrere artikler etter emne ved hjelp av HTML-knapper og JavaScript?

Resultat

index.html file

• Vi legger til en nav-blokk i header hvor filtreringsknappene våre skal plasseres;
• Vi gir hver artikkel attributtet data-category og tilhørende emneverdi;
• Vi legger til lenken til index.js-filen før den avsluttende body-taggen.

index.css file
Vi legger til noen stiler for å gjøre filtreringsknappene pene.

index.js file
Vi limer inn skriptet som implementerer filtreringslogikken.

Alt dette ba ChatGPT oss om å gjøre. Vi fulgte instruksjonene.

Nettstedets tilstand

Videoveiledning

Her er det. Du klarte det. Dette er ditt komplette, fullt funksjonelle nettsted. Flott arbeid!