作成方法：温度変換器

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

温度変換器

どのフィールドにも値を入力すると、温度単位間で変換できます：

温度変換器を作成する

1つの温度単位を別の温度単位に変換できる入力要素を作成します。

第1ステップ - HTMLを追加：

<p>
  <label>Fahrenheit</label>
  <input id="inputFahrenheit" type="number" placeholder="Fahrenheit"
  oninput="temperatureConverter(this.value)"
  onchange="temperatureConverter(this.value)">
</p>
<p>Celsius: <span id="outputCelsius"></span></p>

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

ファahrenheitから摂氏度への換算：

/* 入力フィールドが入力を受け取ったとき、値をファahrenheitから摂氏度に変換する */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

自分で試してみる

ファahrenheitから他の単位への変換

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

説明 公式 例
ファahrenheitを摂氏度に変換する ℃=(℉-32)/1.8 試してみる
ファahrenheitをケルビンに変換する K=((℉-32)/1.8)+273.15 試してみる

摂氏度から他の単位への変換

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

説明 公式 例
摂氏度をファahrenheitに変換する ℉=(℃*1.8)+32 試してみる
摂氏度をケルビンに変換する K=℃+273.15 試してみる

ケルビンから他の単位への変換

以下の表は、ケルビンを他の温度単位に変換する方法を示しています：

説明 公式 例
ケルビンをファahrenheitに変換する ℉=((K-273.15)*1.8)+32 試してみる
ケルビンを摂氏に変換する ℃=K-273.15 試してみる