如何创建：速度转换器

学习如何使用 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 转换为其他速度计量单位：

从节转换为其他计量单位

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

从马赫转换为其他计量单位

下表展示了如何从马赫数转换为其他速度计量单位：