Forarbeid

Oppgaven i dette prosjektet var å redigere HTML og CSS med JavaScript. Også hvordan bruke API og JSON. Første del av oppgaven gikk ut på å hente en kortstokk med Magic the Gathering kort fra en API, gjøre det om JSON til ett JavaScript-objekt. Deretter måtte man pakke inn informasjonen i html elementer og skriv de ut på siden gjennom en loop.

Hoveddel

Neste del av oppgaven gikk ut på å lage søkefunksjon for å filtrere ut kort som ikke matcher med søkeordet. Deretter ba oppgaven om at vi skulle lage en spesifikk side som lister flere av egenskapene til kortet som blir trykket på. Oppgaven gjorde en del av det for oss, ved å hente ut iden til kortet som ble trykket på. Det gjorde det lettere å bare sette iden opp mot iden til kortene i APIen, og hente ut kortet som passet, da var det enkelt å printe ut informasjonen til siden.

Til slutt var det 2 andre sider vi skulle legge til JavaScript kode på: «About» og «Contact Us». På «About» siden skulle vi finne og endre CSS kode for å skifte display fra none til block når man trykker på «Defeat your opponent» seksjonen. På siste siden var oppgaven å koble JavaScript opp mot ett form, og endre display på error elementer ved hjelp av regex om bruker ikke fyller inn riktig data.

Konklusjon

I løpet av denne oppgaven lærte jeg mye om JavaScript, og hvordan jeg skulle bruke det til å komme frem til ønsket resultat. Viktigheten av å kunne feil søke og lokalisere problemer ble veldig tydelig. Jeg forsto Regex mye bedre etter å ha brukt det til form validering i denne oppgaven. Bruk API data er mye mer forståelig etter dette prosjektet.