如何创建：长度转换器

学习如何使用 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;
}

亲自试一试

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

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

Description Formula Example
转换英尺为米 m=ft/3.2808 Essayer
转换英尺为英寸 in=ft*12 Essayer
转换英尺为厘米 cm=ft/0.032808 Essayer
转换英尺为码 yd=ft*0.33333 Essayer
转换英尺为公里 km=ft/3280.8 Essayer
转换英尺为英里 mi=ft*0.00018939 Essayer

转换米为其他计量单位

The following table shows how to convert meters to other length units:

Description Formula Example
Convert meters to feet ft=m*3.2808 Essayer
Convert meters to inches in=m*39.370 Essayer
Convert meters to centimeters cm=m/0.01 Essayer
Convert meters to yards yd=m*1.0936 Essayer
Convert meters to kilometers km=m/1000 Essayer
Convert meters to miles mi=m*0.00062137 Essayer

Convert inches to other units of measurement

The following table shows how to convert inches to other length units:

Description Formula Example
Convert inches to feet ft=in*0.083333 Essayer
Convert inches to meters m=in/39.370 Essayer
Convert inches to centimeters cm=in/0.39370 Essayer
Convert inches to yards yd=in*0.027778 Essayer
Convert inches to kilometers km=in/39370 Essayer
Convert inches to miles mi=in*0.000015783 Essayer

Convert centimeters to other units of measurement

The following table shows how to convert centimeters to other length units:

Description Formula Example
Convert centimeters to feet ft=cm*0.032808 Essayer
Convert centimeters to meters m=cm/100 Essayer
Convert centimeters to inches in=cm*0.39370 Essayer
Convert centimeters to yards yd=cm*0.010936 Essayer
Convert centimeters to kilometers km=cm/100000 Essayer
Convert centimeters to miles mi=cm*0.0000062137 Essayer

Convert yards to other units of measurement

The following table shows how to convert yards to other length units:

Description Formula Example
Convert yards to feet ft=yd*3 Essayer
Convert yards to meters m=yd/1.0936 Essayer
Convert yards to inches in=yd*36 Essayer
Convert yards to centimeters cm=yd/0.010936 Essayer
Convert yards to kilometers km=yd/1093.6 Essayer
Convert yards to miles mi=yd*0.00056818 Essayer

Convert kilometers to other units of measurement

The following table shows how to convert kilometers to other length units:

Description Formula Example
Convert kilometers to feet ft=km*3280.8 Essayer
Convert kilometers to meters m=km*1000 Essayer
Convert kilometers to inches in=km*39370 Essayer
Convert kilometers to centimeters cm=km*100000 Essayer
Convert kilometers to yards mi=km*1093.6 Essayer
Convert kilometers to miles mi=km*0.62137 Essayer

Convert miles to other units of measurement

The following table shows how to convert miles to other length units:

Description Formula Example
Convert miles to feet ft=mi*5280 Essayer
Convert miles to meters m=mi/0.00062137 Essayer
Convert miles to inches in=mi*63360 Essayer
Convert miles to centimeters cm=mi/0.0000062137 Essayer
Convertir les miles en yards yd=mi*1760 Essayer
Convertir les miles en kilomètres km=mi/0.62137 Essayer