如何创建：速度转换器

学习如何使用 HTM L和 JavaScript 创建一个速度转换器。

สร้างเครื่องมือการแปลเร็ว

สร้างองค์ประกอบป้อนที่สามารถแปลหน่วยวัดความเร็วจากหน่วยวัดความเร็วหนึ่งเป็นหน่วยวัดความเร็วอื่นๆ

ขั้นที่ 1 - เพิ่ม HTML:

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH"
  oninput="speedConverter(this.value)"
  onchange="speedConverter(this.value)"
</p>
<p>KPH: <span id="outputKPH"></span></p>

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

การแปลเร็วจาก ไมล์ต่อชั่วโมงเป็น กิโลเมตรต่อชั่วโมง:

/* เมื่อของแบบกรองได้รับค่าตอบกลับจากการกรอกข้อมูล เปลี่ยนค่าจาก mph เป็น kph */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

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

แปลเร็วจาก MPH ไปเป็นหน่วยวัดความเร็วอื่นๆ

ตารางต่อไปนี้แสดงวิธีการแปลเร็วจาก MPH ไปเป็นหน่วยวัดความเร็วอื่นๆ:

แปลเร็วจาก KPH ไปเป็นหน่วยวัดความเร็วอื่นๆ

ตารางต่อไปนี้แสดงวิธีการแปลเร็วจาก KPH ไปเป็นหน่วยวัดความเร็วอื่นๆ:

แปลเร็วจากคูณเป็นหน่วยวัดความเร็วอื่นๆ

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

แปลเร็วจากแมคห์เป็นหน่วยวัดความเร็วอื่นๆ

ตารางต่อไปนี้แสดงวิธีการแปลเร็วจากเร็วแมคห์เป็นหน่วยวัดความเร็วอื่นๆ: