Övning 1a
Skapa ett divelement i html-koden som det inte står något i. Lägg till sist i body-elementet en script-del.
Skriv javascriptkoden som skriver ditt namn i div-elementet. Vi har inga funktioner utan allt sker när sidan
läses in. Testkör och se till att ditt namn dyker upp på webbsidan.
Övning 1b
Skapa ett divelement och skriv sen sist i bodyelementet lite javascriptkod. Deklarera 4 variabler (x, y, z
och
summa) variabler. Tilldela de 3 första variablerna värdena 12, 34 och 56. Skriv koden för att summera x,y, z
och
lägga svaret i summa-variabeln. Till slut skriv ut det som står i summa-variabeln i ett divelement. Vi har
inga
funktioner utan allt sker när sidan läses in. Testkör och se till att summan dyker upp på webbsidan.
Övning 1c
Gör samma sak som i övning b, men lägg all javascriptkod i en egen fil och länka in den i din
html-fil istället. Resultatet ska se likadant ut.
Övning 1d
Gör samma sak som i övning a men skriv ut ditt namn i en textruta.
Övning 1e
Skapa ett divelement i html-koden som det inte står något i. Skapa en knapp.
Lägg till sist i body-elementet en script-del. Skriv en funktion som skriver ditt namn i div-elementet.
Koppla knappens "klick"-händelse till din funktion. Testkör och se till att ditt namn dyker upp på webbsidan
när du klickar på knappen..
Finns det ytterliggare sätt att skriva att en variabels värde ska öka med 1?
Ja, genom att skriva tex ++, += eller +