Cách tạo: Bộ chuyển đổi độ dài

Học cách sử dụng HTML và JavaScript để tạo bộ chuyển đổi độ dài.

Tạo bộ chuyển đổi độ dài

Tạo một yếu tố đầu vào có thể chuyển đổi từ đơn vị đo lường dài này sang đơn vị đo lường dài khác.

Bước 1 - Thêm HTML:

Ví dụ - Chuyển đổi feet thành mét

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

Bước 2 - Thêm JavaScript:

Ví dụ - Chuyển đổi feet thành mét

/* Khi trường nhập nhận được đầu vào, chuyển giá trị từ feet sang mét */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

Thử ngay

Chuyển đổi từ feet sang các đơn vị đo lường khác

Bảng dưới đây hiển thị cách chuyển đổi từ feet sang các đơn vị đo lường dài khác:

Chuyển đổi từ mét sang các đơn vị đo lường khác

Bảng dưới đây hiển thị cách chuyển đổi từ mét sang các đơn vị đo dài khác:

Chuyển đổi từ inch sang các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi từ inch sang các đơn vị đo dài khác:

Chuyển đổi từ centimet sang các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi từ centimet sang các đơn vị đo dài khác:

Chuyển đổi từ yard sang các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi từ yard sang các đơn vị đo dài khác:

Chuyển đổi từ kilômét sang các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi từ kilômét sang các đơn vị đo dài khác:

Chuyển đổi từ dặm sang các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi từ dặm sang các đơn vị đo dài khác: