如何创建:温度转换器
学习如何使用 HTML 和 JavaScript 创建温度转换器。
温度转换器
在任意字段中键入一个值,可在温度计量单位之间进行转换:
创建温度转换器
创建一个输入元素,可将一个温度计量单位转换为另一个温度计量单位。
第一步 - 添加 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>
第二步 - 添加 JavaScript:
华氏度换算为摄氏度:
/* 当输入字段接收到输入时,将值从华氏度转换为摄氏度 */ function temperatureConverter(valNum) { valNum = parseFloat(valNum); document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8; }
从华氏度转换为其他计量单位
下表展示了如何从华氏温度转换为其他温度计量单位:
描述 | 公式 | 例子 |
---|---|---|
转换华氏度为摄氏度 | ℃=(℉-32)/1.8 | 试一试 |
转换华氏度为开尔文 | K=((℉-32)/1.8)+273.15 | 试一试 |
从摄氏度转换为其他计量单位
下表展示了如何从摄氏度转换为其他温度计量单位:
描述 | 公式 | 例子 |
---|---|---|
转换摄氏度为为华氏度 | ℉=(℃*1.8)+32 | 试一试 |
转换摄氏度为开尔文 | K=℃+273.15 | 试一试 |
从开尔文转换为其他计量单位
下表展示了如何将开尔文转换为其他温度计量单位:
描述 | 公式 | 例子 |
---|---|---|
转换开尔文为华氏度 | ℉=((K-273.15)*1.8)+32 | 试一试 |
转换开尔文为摄氏度 | ℃=K-273.15 | 试一试 |