如何创建：长度转换器

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

亲自试一试

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

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

从米转换为其他计量单位

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

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

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

将厘米转换为其他计量单位

下表展示了如何将厘米转换为其他长度计量单位：

从码转换为其他计量单位

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

从公里转换为其他度量单位

下表展示了如何将公里转换为其他长度计量单位：

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

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