如何创建 - 温度转换器
了解如何使用 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:
示例 - 华氏到摄氏度
/* 当输入字段接收到输入时，将值从华氏温度转换为摄氏度 */
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 | 测试一下 |
