如何创建：长度转换器

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

亲自试一试

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

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

Descripción Fórmula Ejemplo
转换英尺为米 m=ft/3.2808 Prueba
转换英尺为英寸 in=ft*12 Prueba
转换英尺为厘米 cm=ft/0.032808 Prueba
转换英尺为码 yd=ft*0.33333 Prueba
转换英尺为公里 km=ft/3280.8 Prueba
转换英尺为英里 mi=ft*0.00018939 Prueba

从米转换为其他计量单位

La siguiente tabla muestra cómo convertir metros a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir metros a pies ft=m*3.2808 Prueba
Convertir metros a pulgadas in=m*39.370 Prueba
Convertir metros a centímetros cm=m/0.01 Prueba
Convertir metros a yardas yd=m*1.0936 Prueba
Convertir metros a kilómetros km=m/1000 Prueba
Convertir metros a millas mi=m*0.00062137 Prueba

Convertir pulgadas a otras unidades de medida

La siguiente tabla muestra cómo convertir pulgadas a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir pulgadas a pies ft=in*0.083333 Prueba
Convertir pulgadas a metros m=in/39.370 Prueba
Convertir pulgadas a centímetros cm=in/0.39370 Prueba
Convertir pulgadas a yardas yd=in*0.027778 Prueba
Convertir pulgadas a kilómetros km=in/39370 Prueba
Convertir pulgadas a millas mi=in*0.000015783 Prueba

Convertir centímetros a otras unidades de medida

La siguiente tabla muestra cómo convertir centímetros a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir centímetros a pies ft=cm*0.032808 Prueba
Convertir centímetros a metros m=cm/100 Prueba
Convertir centímetros a pulgadas in=cm*0.39370 Prueba
Convertir centímetros a yardas yd=cm*0.010936 Prueba
Convertir centímetros a kilómetros km=cm/100000 Prueba
Convertir centímetros a millas mi=cm*0.0000062137 Prueba

Convertir yardas a otras unidades de medida

La siguiente tabla muestra cómo convertir yardas a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir yardas a pies ft=yd*3 Prueba
Convertir yardas a metros m=yd/1.0936 Prueba
Convertir yardas a pulgadas in=yd*36 Prueba
Convertir yardas a centímetros cm=yd/0.010936 Prueba
Convertir yardas a kilómetros km=yd/1093.6 Prueba
Convertir yardas a millas mi=yd*0.00056818 Prueba

Convertir kilómetros a otras unidades de medida

La siguiente tabla muestra cómo convertir kilómetros a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir kilómetros a pies ft=km*3280.8 Prueba
Convertir kilómetros a metros m=km*1000 Prueba
Convertir kilómetros a pulgadas in=km*39370 Prueba
Convertir kilómetros a centímetros cm=km*100000 Prueba
Convertir kilómetros a yardas mi=km*1093.6 Prueba
Convertir kilómetros a millas mi=km*0.62137 Prueba

Convertir millas a otras unidades de medida

La siguiente tabla muestra cómo convertir millas a otras unidades de longitud:

Descripción Fórmula Ejemplo
Convertir millas a pies ft=mi*5280 Prueba
Convertir millas a metros m=mi/0.00062137 Prueba
Convertir millas a pulgadas in=mi*63360 Prueba
Convertir millas a centímetros cm=mi/0.0000062137 Prueba
Convertir millas en yardas yd=mi*1760 Prueba
Convertir millas en kilómetros km=mi/0.62137 Prueba