如何创建：长度转换器

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

亲自试一试

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

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

从米转换为其他计量单位

Tafanvu hii inonyeshwa jinsi ya kutumia mita kwa kutumia uandikaji wa mita zingine:

kutumia inchi kwa kutumia uandikaji wa mita zingine

Tafanvu hii inonyeshwa jinsi ya kutumia inchi kwa kutumia uandikaji wa mita zingine:

kutumia santimi kwa kutumia uandikaji wa mita zingine

Tafanvu hii inonyeshwa jinsi ya kutumia santimi kwa kutumia uandikaji wa mita zingine:

kutumia yarda kwa kutumia uandikaji wa mita zingine

Tafanvu hii inonyeshwa jinsi ya kutumia yarda kwa kutumia uandikaji wa mita zingine:

kutumia kilomita kwa kutumia uandikaji wa mita zingine

Tafanvu hii inonyeshwa jinsi ya kutumia kilomita kwa kutumia uandikaji wa mita zingine:

kutumia mita kwa kutumia uandikaji wa mita zingine

Tafanvu hii inonyeshwa jinsi ya kutumia mita kwa kutumia uandikaji wa mita zingine: