如何創建：長度轉換器

學習如何使用 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;
}

親自試一試

從英尺轉換為其他計量單位

下表展示了如何從英尺轉換為其他長度計量單位：

從米轉換為其他計量單位

下表展示了如何從米轉換為其他長度計量單位：

從英寸轉換為其他計量單位

下表展示了如何從英寸轉換為其他長度計量單位：

將厘米轉換為其他計量單位

下表展示了如何將厘米轉換為其他長度計量單位：

從碼轉換為其他計量單位

下表展示了如何從碼轉換為其他長度計量單位：

從公里轉換為其他度量單位

下表展示了如何將公里轉換為其他長度計量單位：

從英里轉換為其他計量單位

下表展示了如何從英里轉換為其他長度計量單位：