方法-温度変換器
HTMLとJavaScriptを使用して温度コンバーターを作成する方法を学びます。
温度変換器
温度測定間で変換する値をいずれかのフィールドに入力します。
温度変換器を作成する
ある温度測定値から別の温度測定値に値を変換できる入力要素を作成します。
ステップ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を追加します。
例-華氏から摂氏
/* When the input field receives input, convert the value from fahrenheit to celsius */
function temperatureConverter(valNum) {
valNum = parseFloat(valNum);
document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}
華氏から他の測定値に変換する
次の表は、華氏から他の温度測定値に変換する方法を示しています。
Description | Formula | Example |
---|---|---|
Convert from Fahrenheit to Celsius | ℃=(℉-32)/1.8 | |
Convert from Fahrenheit to Kelvin | K=((℉-32)/1.8)+273.15 |
摂氏から他の測定値に変換する
次の表は、摂氏から他の温度測定値に変換する方法を示しています。
Description | Formula | Example |
---|---|---|
Convert from Celsius to Fahrenheit | ℉=(℃*1.8)+32 | |
Convert from Celsius to Kelvin | K=℃+273.15 |
ケルビンから他の測定値に変換する
次の表は、ケルビンから他の温度測定値に変換する方法を示しています。
Description | Formula | Example |
---|---|---|
Convert from Kelvin to Fahrenheit | ℉=((K-273.15)*1.8)+32 | |
Convert from Kelvin to Celsius | ℃=K-273.15 |