どのように作成するか：長さ変換器

HTMLとJavaScriptを使用して長さ変換器を作成する方法を学びます。

長さ変換器を作成する

長さの単位を一つの単位から別の単位に変換できる入力要素を作成します。

ステップ1 - HTMLを追加する：

例 - フィートからメートルへの変換

<p>
  <label>フィート</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

ステップ2 - JavaScriptを追加する：

例 - フィートからメートルへの変換

/* 入力フィールドが入力を受け取ったとき、値をフィートからメートルに変換する */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

実際に試してみてください

フィートから他の単位に変換する

以下の表は、フィートから他の長さの単位に変換する方法を示しています：

メートルから他の計量単位に変換する

以下の表は、メートルから他の長さの単位への変換方法を示しています：

インチから他の単位への変換

以下の表は、インチから他の長さの単位への変換方法を示しています：

センチメートルから他の単位への変換

以下の表は、センチメートルから他の長さの単位への変換方法を示しています：

ヤードから他の単位への変換

以下の表は、ヤードから他の長さの単位への変換方法を示しています：

キロメートルから他の単位への変換

以下の表は、キロメートルから他の長さの単位への変換方法を示しています：

マイルから他の単位への変換

以下の表は、マイルから他の長さの単位への変換方法を示しています：