如何创建:长度转换器

学习如何使用 HTML 和 JavaScript 创建长度转换器。

长度转换器

在任意字段中键入一个值,可在长度度量之间进行转换:

创建长度转换器

创建一个输入元素,该元素可以将一个长度计量单位转换为另一个长度计量单位。

第一步 - 添加 HTML:

实例 - 英尺换算为米

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

第二步 - 添加 JavaScript:

实例 - 英尺换算为米

/* 当输入字段接收到输入时,将值从英尺转换为米 */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

亲自试一试

从英尺转换为其他计量单位

下表展示了如何从英尺转换为其他长度计量单位:

Beschreibung Formel Beispiel
转换英尺为米 m=ft/3.2808 Try it
转换英尺为英寸 in=ft*12 Try it
转换英尺为厘米 cm=ft/0.032808 Try it
转换英尺为码 yd=ft*0.33333 Try it
转换英尺为公里 km=ft/3280.8 Try it
转换英尺为英里 mi=ft*0.00018939 Try it

从米转换为其他计量单位

Die folgende Tabelle zeigt, wie man von Metern in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Metern in Fuß ft=m*3.2808 Try it
Umrechnung von Metern in Zoll in=m*39.370 Try it
Umrechnung von Metern in Zentimeter cm=m/0.01 Try it
Umrechnung von Metern in Yards yd=m*1.0936 Try it
Umrechnung von Metern in Kilometer km=m/1000 Try it
Umrechnung von Metern in Meilen mi=m*0.00062137 Try it

Umrechnung von Zoll in andere Maßeinheiten

Die folgende Tabelle zeigt, wie man von Zoll in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Zoll in Fuß ft=in*0.083333 Try it
Umrechnung von Zoll in Meter m=in/39.370 Try it
Umrechnung von Zoll in Zentimeter cm=in/0.39370 Try it
Umrechnung von Zoll in Yards yd=in*0.027778 Try it
Umrechnung von Zoll in Kilometer km=in/39370 Try it
Umrechnung von Zoll in Meilen mi=in*0.000015783 Try it

Umrechnung von Zentimetern in andere Maßeinheiten

Die folgende Tabelle zeigt, wie man von Zentimetern in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Zentimetern in Fuß ft=cm*0.032808 Try it
Umrechnung von Zentimetern in Meter m=cm/100 Try it
Umrechnung von Zentimetern in Zoll in=cm*0.39370 Try it
Umrechnung von Zentimetern in Yards yd=cm*0.010936 Try it
Umrechnung von Zentimetern in Kilometer km=cm/100000 Try it
Umrechnung von Zentimetern in Meilen mi=cm*0.0000062137 Try it

Umrechnung von Yards in andere Maßeinheiten

Die folgende Tabelle zeigt, wie man von Yards in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Yards in Fuß ft=yd*3 Try it
Umrechnung von Yards in Meter m=yd/1.0936 Try it
Umrechnung von Yards in Zoll in=yd*36 Try it
Umrechnung von Yards in Zentimeter cm=yd/0.010936 Try it
Umrechnung von Yards in Kilometer km=yd/1093.6 Try it
Umrechnung von Yards in Meilen mi=yd*0.00056818 Try it

Umrechnung von Kilometern in andere Maßeinheiten

Die folgende Tabelle zeigt, wie man von Kilometern in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Kilometern in Fuß ft=km*3280.8 Try it
Umrechnung von Kilometern in Meter m=km*1000 Try it
Umrechnung von Kilometern in Zoll in=km*39370 Try it
Umrechnung von Kilometern in Zentimeter cm=km*100000 Try it
Umrechnung von Kilometern in Yards mi=km*1093.6 Try it
Umrechnung von Kilometern in Meilen mi=km*0.62137 Try it

Umrechnung von Meilen in andere Maßeinheiten

Die folgende Tabelle zeigt, wie man von Meilen in andere Längenmaße umrechnet:

Beschreibung Formel Beispiel
Umrechnung von Meilen in Fuß ft=mi*5280 Try it
Umrechnung von Meilen in Meter m=mi/0.00062137 Try it
Umrechnung von Meilen in Zoll in=mi*63360 Try it
Umrechnung von Meilen in Zentimeter cm=mi/0.0000062137 Try it
Convert miles to yards yd=mi*1760 Try it
Convert miles to kilometers km=mi/0.62137 Try it