如何創建：速度轉換器

學習如何使用 HTM L和 JavaScript 創建一個速度轉換器。

創建速度轉換器

創建一個輸入元素，該元素可以將一個速度計量單位轉換為另一個速度計量單位。

第一步 - 添加 HTML：

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH"
  oninput="speedConverter(this.value)"
  onchange="speedConverter(this.value)">
</p>
<p>KPH: <span id="outputKPH"></span></p>

第二步 - 添加 JavaScript：

英里每小時轉換為公里每小時：

/* 當輸入字段接收到輸入時，將值從 mph 轉換為 kph */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

親自試一試

從 MPH 轉換為其他計量單位

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

從 KPH 轉換為其他計量單位

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

從節轉換為其他計量單位

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

從馬赫轉換為其他計量單位

下表展示了如何從馬赫數轉換為其他速度計量單位：