Skip to content
Kursen webtec

Kmom04: Kom igång med DOM

I den här uppgiften tränar vi mer på manipuleringen av DOM. Vi ska bygga en sida där vi tränar på att manipulera element och hantera eventlyssnare.

Läs & Studera

Här kan du på egen hand studera och förbereda dig inför övningar och uppgifter.

Föreläsning / Genomgång

Det finns inga inspelade föreläsningar till detta kursmomentet.

Det hålls genomgångar under kursveckan och delar av dem kan spelas in och publiceras i kursens spellista.

Video för orientering

Titta på följande videor/filmer. Filmerna är tänkta att ge dig en allmän orientering i det område som behandlas i kursmomentet.

  • Arrayer
  • Funktioner
  • DOM
  • Events

Videorna ovan finner du i spellistan “Kom igång med js - webtec 2025”.

Instuderingsfrågor

Här finns ett antal instuderingsfrågor som hjälper dig att finna information på egen hand för att träna på de koncept som är relevanta för detta kmom.

Instuderingsfrågor om JavaScript

  1. Vad är en array i JavaScript?

  2. Vad är DOM i JavaScript?

  3. På vilka sätt kan jag nå ett html element från JavaScript?

  4. Vad är en funktion i JavaScript?

  5. Vad menas med callback i en eventlyssnare i JavaScript?

Övningar & Uppgifter

Övningar är träning inför uppgifterna, det är ofta klokt att jobba igenom övningarna då de förbereder dig inför uppgifterna. Uppgifter skall utföras och redovisas.

Övningar

Jobba igenom övningarna, de förbereder dig inför uppgifterna.

  1. Jobba igenom artiklarna i guiden “Mera JavaScript” som hjälper dig med vilka konstruktioner vi har att använda när vi hanterar DOM tillsammans med introduktion till arrayer och funktioner.

  2. Optionell: Om du vill kan du i artikeln Från Python till JavaScript se hur Python och JavaScript både liknar varandra och skijler sig åt i de vanligaste konstruktionerna.

Uppgifter

Följande uppgifter skall utföras och resultatet skall redovisas.

  1. Utför laborationen “Lab 4: Arrayer”.

  2. Gör uppgiften “Manipulera DOM”.

Resultat & Redovisning

Läs instruktionen om hur du skall redovisa.

Se till att följande frågor besvaras i din redovisningstext.

  • Förstår du hur HTML/CSS/JavaScript hänger ihop när vi utvecklar för webben?

  • Känner du att du har koll på hur vi kan manipulera HTML elementen med hjälp av JavaScript?

  • Hur tycker du att din kodstruktur blev över uppgiften?

  • Vilken är din TIL för detta kmom?