どのように作成するか：スピード変換器

HTM LとJavaScriptを使ってスピード変換器を作成する方法を学びます。

速度変換器を作成

速度単位を一つの単位からもう一つの単位に変換できる入力要素を作成します。

第1ステップ - 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>

第2ステップ - JavaScriptを追加：

マイル毎時をキロ毎時に変換：

/* 入力フィールドが入力を受け取ったとき、値をmphからkphに変換 */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

自分で試してみてください

MPHから他の単位への変換

以下の表は、MPHから他の速度単位への変換方法を示しています：

KPHから他の単位への変換

以下の表は、KPHから他の速度単位への変換方法を示しています：

節から他の単位への変換

以下の表は、節から他の速度単位への変換方法を示しています：

マッハから他の単位への変換

以下の表は、マッハ数から他の速度単位への変換方法を示しています：