Javascript

BEGYNDER

Kod en pil der bevæger sig, når man klikker på den, med JavaScript

Måle omregner

Skriv Kilometer og omregn til Miles:

MILES:

Lav en måle omregner med JavaScript 

Hvad er 3 x 4
Udregning:
Svar:

Lav input og output med JavaScript. Lav flere og læg værdierne sammen til sidst.

Lav input og output med JavaScript. Kan tages og bruges til at sætte ind i show boksen på OPGAVE 1 under OPGAVER i ADVANCED  – LINK

Kod en sliding knap med html & css og kod en sliding knap med JavaScript


CLICK
TO START
CLICK
TO STOP

Kod en knap med eventListener i JavaScript

Brug options til at skifte farve på et element med HTML/CSS og JavaScript

KOMMER SNART

Univers

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lav sliding images med HTML/CSS og JavaScript

KOMMER SNART

TODO LISTE

Lav en TODO Liste med checkbokse i HTML/CSS og JavaScript

KOMMER SNART

MIDDEL

Lav en skiftende farvepalette med JavaScript, ved brug af en slider

KOMMER SNART

Kod knapper med radio buttons og brug for each i JavaScript til at skifte mellem aktive klasser

KOMMER SNART

Kod en slider med JavaScript

KOMMER SNART

front
back
right
left
top
bottom

Kod en box der kan dreje rundt ved hjælp af radio buttons, med JavaScript.

1
2
3
4
5
6
7
8
9
10
11
12
12
1
2
3
4
5
6
7
8
9
10
11

Kod et ur med reel tid i HTML/CSS og JavaScript

Det nederste ur er til inspiration, skulle man ønske at designe sit ur lidt 🙂

C
/
*
7
8
9
-
4
5
6
+
1
2
3
.
(
0
)
=

Kod en lommeregner. Med HTML,CSS og JavaScript

KOMMER SNART

ADVANCED

Kod en en lampe der kan tænde og slukke, med JavaScript 

Kod en julekugle, med JavaScript 

Kod cirkler der drejer rundt, stopper og starter, med JavaScript 

Kod en Metronom, bl.a. med trapetzer og med en slider der svinger – med JavaScript 

KOMMER SNART

Kod en collision mellem to bokse med JavaScript. Træk den orange boks hen, så den rammer den grønne og får en reaktion.

Lav et forstørrelsesglas på dit billede med JavaScript 

Lav mouse movement effect. Med HTML,CSS og JavaScript

KOMMER SNART