Oppgaver: Objekter

Her skal du øve på å lage og bruke JavaScript-objekter for å lagre strukturert informasjon. Du skal hente ut egenskaper og endre dem.

Tips: Husk at du kan hente ut verdier enten med punktum (bil.farge) eller med klammer (bil["farge"]).

Nivå 1: Lett

🚗 Min Bil

Lag et objekt som beskriver en bil.

Krav:

  • Lag en variabel bil som er et objekt.
  • Objektet skal ha egenskapene merke, modell, og aar.
  • Vis informasjonen på siden ved å hente egenskapene (f.eks. "Jeg har en Toyota Corolla fra 2020").
Nivå 2: Medium

👩‍💻 Brukerprofil

Lag en brukerprofil som kan oppdateres interaktivt.

Krav:

  • Lag et objekt bruker med navn og alder.
  • Lag to input-felt (et for navn, et for alder) som ligger i egne variabler (ikke bundet direkte til objektet ennå).
  • Lag en knapp "Oppdater Profil".
  • Når knappen trykkes, la en funksjon endre egenskapene i bruker-objektet, og vis de nye verdiene på siden.
Nivå 3: Avansert

🏫 Skoleklasse

Kombiner arrays og objekter!

Krav:

  • Lag en array kalt klasse.
  • Arrayen skal inneholde tre objekter. Hvert objekt representerer en elev med navn og karakter.
  • Bruk en {#each}-blokk i HTML-en for å vise alle elevene og karakterene deres i en liste.
🐞 Feilsøking

Hvorfor vises ingenting?

Vi prøver å hente ut personens navn, men variabelen navnetMitt blir stående som "undefined". Hvorfor?

let person = {
  Navn: "Kari",
  alder: 30
};

let navnetMitt = person.navn; // Gir undefined

Oppgave:

Rett opp i koden slik at navnetMitt faktisk får verdien "Kari".