forked from Simen-Andre-Fosse/Simple-website
-
Notifications
You must be signed in to change notification settings - Fork 0
tobiasn/Simple-website
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Informasjon om koden min og instrukser.... Oppgavene valgte jeg å løse hver for seg ved å kode tre forskjellige HTML dokumenter. jeg har valgt å skrive kode i Visual Studio Code og brukt HTML, CSS og vanilla JS. På hver av dokumentene vises løsningene på oppgavene, men som dere kan se øverst på vevsidene, så har jeg kodet inn en navigasjonsbar med linker mellom de 3 vevsidene. index.html er første vevsiden og viser da løsningen på oppgave 1. Der kan dere ta dere videre til oppgave 2 ved å trykke på Task2 hyperlinken, og til oppgave 3 ved å trykke på Task3 hyperlinken. For både oppgave 2 og 3 skulle jeg lage en tabell hvor man kan sortere etter enten dato, beskrivelse, inn eller ut. Dette har jeg klart å implementere men det er ikke så synlig. Fikk ikke implementert et bra design for dette, men funksjonen er der. Ved å trykke på enten dato, beskrivelse, inn eller ut, vil dere se at tabellen sorteres. Ved å trykke 2 ganger på f.eks Dato, vil dere se at den sorteres begge veier, stigende og synkende. I oppgave 3 skal man ha en nedtrekksmeny for kategorier som filtrerer tabellen etter valgt kategori. Den er implementert, men ikke helt som vist i eksempelet i powerpointen. Her valgte jeg å gå for en løsning hvor man velger en kategori og trykker på oppdater tabell knappen. Ved å trykke på den, kjøres filtreringsfunksjonen og tabellen oppdateres. Sum inn og sum ut av konto, endres også utifra hvilke transaksjoner som vises i tabellen. Overskriften over tabellen som først sier "transaksjoner: " endres til å vise hvilken kategori man har valgt. For eksempel : "Kategori: Lønn ". Har man valgt en kategori og oppdatert tabellen, kan man velge "velg kategorier" og trykke på oppdater for å vise alle transaksjoner igjen. Ellers generelt om scriptene så har jeg prøvd å ha minimalt med gjentagelse av kode, ved å skrive gjenbrukbar funksjoner og algoritmer. Dette gjorde koden også mer ryddig. Jeg har valgt ta i bruk scriptene fra oppgave 1 og 2, i oppgave 3 for eksempel, for å gjøre nettop dette. jeg laget et eget skript for funksjoner som brukes flere ganger i de mer oppgave relaterte scriptene. Ellers har jeg lagt inn kommentarer i koden og dokumentasjon for funksjonene for å gjøre det lettere å sette seg inn i.
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 59.8%
- HTML 32.8%
- CSS 7.4%