Javascript

 OPGAVER TIL HTML & CSS – JS – OPGAVE 1

Opgave 1

Opgave 1 – Del 1

Først skal vi igennem disse trin for at skabe vores pil
  • Lav en ny pen i codepen.io
  • Gå op i HTML boksen og skriv det ind som står på billedet

Opgave 1 – Del 2

Tilføj nu dette i din JS box, så Javascriptet kan omregne dit indtastede tal:

Id‘en fra input bruges i JS koden når vi henter elementet ved id – getElementById. Disse 2 skal være ens.

oninput og ved onchange bliver der refereret til JS funktionens navn og dens value(værdi). Disse 3 skal være ens.

Når vi skriver innerHTML smider den regnestykkets resultat på siden.

Regnestykker er valNum, som er value number, det er ganget (*) med tallet der omregner vores input tal, det vi skriver i KM

   
     

Her under ses koden eksekveret.

   
 

Measurements Converter

Type a value in the KM field to convert the value to MILES:

MILES:

Measurements Converter

Type a value in the CM field to convert the value to INCHES:

INCHES:

Ekstra opgave

1. Prøv at lave flere forskellige omregninger, fx omvendt eller fra CM til Miles eller omvendt
Hint: Hvis du kopierer HTML koden så sørg for at ændre navnene for id’erne, oninput og onchange. Det samme skal du gøre med JS koden, så den passer til den nye omregner