温度转换器

---

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

---

温度转换器

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

Fahrenheit Celsius Kelvin

---

创建温度转换器

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

步骤 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:

示例 - 华氏到摄氏度

/* 当输入字段接收到输入时，将值从华氏温度转换为摄氏度 */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
} 亲自试一试 »

---

---

从华氏度转换为其他测量值

下表显示了如何从华氏温度转换为其他温度测量值:

描述	公式	例子
从华氏转换为摄氏度	℃=(℉-32)/1.8	测试一下
从华氏温度转换为开尔文温度	K=((℉-32)/1.8)+273.15	测试一下

---

从摄氏度转换为其他测量值

下表显示了如何从摄氏度转换为其他温度测量值:

描述	Formula	例子
从摄氏转换为华氏	℉=(℃*1.8)+32	测试一下
从摄氏度转换为开尔文	K=℃+273.15	测试一下

---

从开尔文转换为其他测量值

下表显示了如何从开尔文转换为其他温度测量值:

描述	Formula	例子
从开尔文转换为华氏度	℉=((K-273.15)*1.8)+32	测试一下
从开尔文转换为摄氏度	℃=K-273.15	测试一下

---