Hemläxa

Årskurs: Gymnasiet

Ämne: Webbutveckling 3

Tema: Skriptspråk och klientsidestekniker

Ordkollen

Här listas fem ämnesord på läxans tema som är bra att känna till betydelsen av.

  • JavaScript: Ett skriptspråk som används för att skapa dynamiska och interaktiva webbapplikationer.
  • DOM: Document Object Model; en programmeringsgränssnitt som representerar HTML- eller XML-dokument och gör det möjligt att manipulera strukturen, stilen och innehållet.
  • Variabler: Behållare för att lagra data som kan ändras under programmets gång.
  • Funktioner: Kodblock som kan återanvändas för att utföra specifika uppgifter när de anropas.
  • Eventhantering: Processen att reagera på händelser (såsom klick eller musöver) på webbsidan.

Instuderingsfrågor

  1. Vad är syftet med JavaScript på en webbplats?
  2. Vilka skillnader finns mellan server-side och client-side programmering?
  3. Ge exempel på vanliga datatyper i JavaScript.
  4. Vad innebär det att manipulera DOM?
  5. Hur kan man använda JavaScript för att skapa interaktivitet?
  6. Vad är en variabel och hur deklareras den i JavaScript?
  7. Vad innebär en funktion och hur används den?
  8. Beskriv vad händelsehantering handlar om.
  9. Hur påverkar kommentarsrader läsbarheten av koden?
  10. Förklara begreppet “interaktiv webbkomponent”.

Skrivuppgift

Uppgift 1: Skapa en interaktiv knapp

Skapa en enkel HTML-sida med en knapp. Använd JavaScript för att få knappen att ändra texten på sidan när den klickas. Skriv en kort beskrivning av hur din kod fungerar.
Svarslängd: ca. 150 ord (En kvart sida)

Uppgift 2: Användarinmatning

Designa ett skript som tar emot en användares namn med hjälp av en prompt och visar ett välkomstmeddelande på sidan. Dokumentera din kod och reflektera över eventuella förbättringar.
Svarslängd: ca. 200 ord (En halv sida)

Uppgift 3: Manipulera DOM

Skapa en HTML-sida som innehåller flera listpunktselement. Skriv ett JavaScript-skript som låter användaren ta bort ett element från listan genom att klicka på det. Beskriv hur du har implementerat detta i din kod.
Svarslängd: ca. 250 ord (En halv sida)