Mål

Til slutt skal vi legge til funksjonalitet for å filtrere artiklene etter tema, som vil bli implementert med JavaScript.

Mulig prompt

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

Resultat

index.html file

• Vi legger til en nav-blokk i header hvor filtreringsknappene skal plasseres;
• Vi gir hver artikkel attributtet data-category og tilhørende temaverdi;
• 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.

Nettstedstilstand

Videoveiledning

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