如何 - 温度转换器

了解如何使用 HTML 和 JavaScript 创建温度转换器。

温度转换器

在任意字段中键入一个值以在温度测量值之间进行转换：

华氏度

摄氏度

开尔文

创建温度转换器

创建一个输入元素，可将一个温度测量值转换为另一个温度测量值。

步骤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-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	尝试一下