如何创建：重量转换器

学习如何使用 HTML 和 JavaScript 创建重量转换器。

创建重量转换器

创建一个输入元素，可将一个重量计量单位转换为另一个重量计量单位。

第一步 - 添加 HTML：

ຕົວຢ່າງ - ປ່ຽນປອນເປັນກິດ

<p>
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds"
  oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>Grams: <span id="outputGrams"></span></p>

ບາງການທີສອງ - ຕື່ມ JavaScript:

ຕົວຢ່າງ - ປ່ຽນປອນເປັນກິດ

/* ບໍ່ມີການແບບພາບຂອງຈາກບະບັບເຂົ້າເຖິງບັນດາບາງຄຳເຂົ້າສຳລັບການປ່ຽນຄຳວ່າຈະປ່ຽນຄຳຈາກປອນເປັນກິດ. */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}

ທົດລອງຕົວເອງ

ການປ່ຽນປອນເປັນກິດສະລະພາບອື່ນໆ

ຕາລະບັນຍັດດັ່ງຕໍ່ມີຄວາມສະແດງວ່າບວນທີ່ຈະປ່ຽນປອນເປັນກິດສະລະພາບອື່ນໆ:

ການປ່ຽນກິດເປັນກິດສະລະພາບອື່ນໆ

ຕາລະບັນຍັດດັ່ງຕໍ່ມີຄວາມສະແດງວ່າບວນທີ່ຈະປ່ຽນກິດເປັນກິດສະລະພາບອື່ນໆ:

ການປ່ຽນອອກສະຫລັກເປັນກິດສະລະພາບອື່ນໆ

ຕາລະບັນຍັດດັ່ງຕໍ່ມີຄວາມສະແດງວ່າບວນທີ່ຈະປ່ຽນອອກສະຫລັກເປັນກິດສະລະພາບອື່ນໆ:

ການປ່ຽນກິດເປັນກິດສະລະພາບອື່ນໆ

ຕາລະບັນຍັດດັ່ງຕໍ່ມີຄວາມສະແດງວ່າບວນທີ່ຈະປ່ຽນກິດເປັນກິດສະລະພາບອື່ນໆ:

ການປ່ຽນອິດສະລະພາບເປັນກິດສະລະພາບອື່ນໆ

ຕາລະບັນຍັດດັ່ງຕໍ່ມີຄວາມສະແດງວ່າບວນທີ່ຈະປ່ຽນອິດສະລະພາບເປັນກິດສະລະພາບອື່ນໆ: