วิธีการ - ตัวแปลงอุณหภูมิ
เรียนรู้วิธีสร้างตัวแปลงอุณหภูมิด้วย 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:
ตัวอย่าง - ฟาเรนไฮต์ถึงเซลเซียส
/* 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 |