如何 - 溫度轉換器
學習如何使用 HTML 和 JavaScript 建立溫度轉換器。
溫度轉換器
在任何欄位中輸入值即可在溫度單位之間進行轉換
建立溫度轉換器
建立一個輸入元素，可以將一個溫度單位的值轉換為另一個單位。
步驟 1) 新增 HTML
示例 - 華氏度到攝氏度
<p>
<label>華氏度</label>
<input id="inputFahrenheit" type="number" placeholder="華氏度"
oninput="temperatureConverter(this.value)"
onchange="temperatureConverter(this.value)">
</p>
<p>攝氏度: <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 | 試一試 |
攝氏度轉換為其他度量
下表顯示瞭如何將攝氏度轉換為其他溫度度量
| 描述 | 公式 | 示例 |
|---|---|---|
| 攝氏度轉換為華氏度 | ℉=(℃*1.8)+32 | 試一試 |
| 攝氏度轉換為開爾文 | K=℃+273.15 | 試一試 |
開爾文轉換為其他度量
下表顯示瞭如何將開爾文轉換為其他溫度度量
| 描述 | 公式 | 示例 |
|---|---|---|
| 開爾文轉換為華氏度 | ℉=((K-273.15)*1.8)+32 | 試一試 |
| 開爾文轉換為攝氏度 | ℃=K-273.15 | 試一試 |
