Hur man skapar: Längdmätare

Lär dig hur du använder HTML och JavaScript för att skapa en längdmätare.

Längdmätare

Skriv in ett värde i något fält för att konvertera mellan längdåtgärder:

Skapa en längdmätare

Skapa ett inmatningselement som kan konvertera en längdemått till en annan längdemått.

Steg 1 - Lägg till HTML:

Exempel - Konvertera fot till meter

<p>
  <label>Fot</label>
  <input id="inputFeet" type="number" placeholder="Fot"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

Steg 2 - Lägg till JavaScript:

Exempel - Konvertera fot till meter

/* När ett inputfält får inmatning, konvertera värdet från fot till meter */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

Prova själv

Konvertera från fot till andra måttenheter

Följande tabell visar hur man konverterar från fot till andra längdemått:

Beskrivning Formel Exempel
Konvertera fot till meter m=ft/3.2808 Prova
Konvertera fot till tum in=ft*12 Prova
Konvertera fot till centimeter cm=ft/0.032808 Prova
Konvertera fot till yard yd=ft*0.33333 Prova
Konvertera fot till kilometer km=ft/3280.8 Prova
Konvertera fot till miles mi=ft*0.00018939 Prova

Konvertera meter till andra måttenheter

Följande tabell visar hur man konverterar från meter till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera meter till feet ft=m*3.2808 Prova
Konvertera meter till inches in=m*39.370 Prova
Konvertera meter till centimeter cm=m/0.01 Prova
Konvertera meter till yards yd=m*1.0936 Prova
Konvertera meter till kilometer km=m/1000 Prova
Konvertera meter till miles mi=m*0.00062137 Prova

Konvertera från inches till andra måttenheter

Följande tabell visar hur man konverterar från inches till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera inches till feet ft=in*0.083333 Prova
Konvertera från inches till meter m=in/39.370 Prova
Konvertera inches till centimeter cm=in/0.39370 Prova
Konvertera inches till yards yd=in*0.027778 Prova
Konvertera inches till kilometer km=in/39370 Prova
Konvertera inches till miles mi=in*0.000015783 Prova

Konvertera från centimeter till andra måttenheter

Följande tabell visar hur man konverterar från centimeter till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera centimeter till feet ft=cm*0.032808 Prova
Konvertera centimeter till meter m=cm/100 Prova
Konvertera centimeter till inches in=cm*0.39370 Prova
Konvertera centimeter till yards yd=cm*0.010936 Prova
Konvertera centimeter till kilometer km=cm/100000 Prova
Konvertera centimeter till miles mi=cm*0.0000062137 Prova

Konvertera från yards till andra måttenheter

Följande tabell visar hur man konverterar från yards till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera yards till feet ft=yd*3 Prova
Konvertera yards till meter m=yd/1.0936 Prova
Konvertera yards till inches in=yd*36 Prova
Konvertera yards till centimeter cm=yd/0.010936 Prova
Konvertera yards till kilometer km=yd/1093.6 Prova
Konvertera yards till miles mi=yd*0.00056818 Prova

Konvertera från kilometer till andra måttenheter

Följande tabell visar hur man konverterar från kilometer till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera kilometer till feet ft=km*3280.8 Prova
Konvertera kilometer till meter m=km*1000 Prova
Konvertera kilometer till inches in=km*39370 Prova
Konvertera kilometer till centimeter cm=km*100000 Prova
Konvertera kilometer till yards mi=km*1093.6 Prova
Konvertera kilometer till miles mi=km*0.62137 Prova

Konvertera från miles till andra måttenheter

Följande tabell visar hur man konverterar från miles till andra längd-enheter:

Beskrivning Formel Exempel
Konvertera miles till feet ft=mi*5280 Prova
Konvertera miles till meter m=mi/0.00062137 Prova
Konvertera miles till inches in=mi*63360 Prova
Konvertera miles till centimeter cm=mi/0.0000062137 Prova
Konvertera miles till yards yd=mi*1760 Prova
Konvertera miles till kilometer km=mi/0.62137 Prova