Cách tạo: Bộ chuyển đổi tốc độ

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

Tạo bộ chuyển đổi tốc độ

Tạo một phần tử nhập để chuyển đổi từ một đơn vị đo tốc độ thành đơn vị đo tốc độ khác.

Bước 1 - Thêm 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>

Bước 2 - Thêm JavaScript:

Đổi từ dặm/giờ thành kilômét/giờ:

/* Khi trường nhập nhận được đầu vào, chuyển giá trị từ mph sang kph */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

Thử nghiệm cá nhân

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

Bảng dưới đây trình bày cách chuyển đổi từ MPH sang các đơn vị đo tốc độ khác:

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

Bảng dưới đây trình bày cách chuyển đổi từ KPH sang các đơn vị đo tốc độ khác:

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

Bảng dưới đây trình bày cách chuyển đổi từ knots sang các đơn vị đo tốc độ khác:

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

Bảng dưới đây trình bày cách chuyển đổi từ Mach sang các đơn vị đo tốc độ khác: