วิธีการสร้าง: เครื่องมือการแปลงอุณหภูมิ

เรียนรู้วิธีการใช้ 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>องศาเซลเซียส: <span id="outputCelsius"></span></p>

ขั้นที่ 2 - เพิ่ม JavaScript:

การแปลงองศาฟาเรนไฮท์เป็นองศาเซลเซียส:

/* ขณะที่ช่องบันทึกค่าที่มีการใส่ค่าในช่องต่าง ๆ ควรทำการเปลี่ยนค่าจากอุณหภูมิฟาเรนไฮท์เป็นองศาเซลเซียส */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

ทดลองด้วยตัวเอง

การเปลี่ยนแปลงอุณหภูมิฟาเรนไฮท์เป็นหน่วยมาตราอื่น

ตารางด้านล่างแสดงวิธีการเปลี่ยนแปลงอุณหภูมิฟาเรนไฮท์เป็นหน่วยมาตราอุณหภูมิอื่น:

การเปลี่ยนแปลงองศาเซลเซียสเป็นหน่วยมาตราอื่น

ตารางด้านล่างแสดงวิธีการเปลี่ยนแปลงองศาเซลเซียสเป็นหน่วยมาตราอุณหภูมิอื่น:

การเปลี่ยนแปลงเคลวินเป็นหน่วยมาตราอื่น

ตารางด้านล่างแสดงวิธีการเปลี่ยนแปลงเคลวินเป็นหน่วยมาตราของอุณหภูมิอื่น: