How TO - 温度コンバータ

❮ 前章へ次章へ ❯

HTML と JavaScript を使用した温度コンバータの作成方法を学習します。

温度コンバータ

いずれかのフィールドに温度を入力すると、それぞれの単位に変換します：

Fahrenheit

Celsius

Kelvin

温度コンバータの作成方

或る温度から他の温度に値を変換できる入力要素を作成します。

ステップ 1) HTML の追加：

例 - 華氏から摂氏

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

Celsius:

ステップ 2) JavaScript の追加：

例 - 華氏から摂氏

/* When the input field receives input, convert the value from fahrenheit to celsius */
function temperatureConverter(valNum) {
valNum = parseFloat(valNum);
document.getElementById("outputCelsius").innerHTML=valNum/2.2046;
}

Try it Yourself »

華氏からその他の単位への変換

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

説明	変換式	例
華氏から摂氏への変換	℃=(℉-32)/1.8	Try it
華氏からケルビンへの変換	K=((℉-32)/1.8)+273.15	Try it

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

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

説明	変換式	例
摂氏から華氏への変換	℉=(℃*1.8)+32	Try it
摂氏からケルビンへの変換	K=℃+273.15	Try it

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

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

説明	変換式	例
ケルビンから華氏への変換	℉=((K-273.15)*1.8)+32	Try it
ケルビンから摂氏への変換	℃=K-273.15	Try it

❮ 前章へ次章へ ❯