Cách tạo: Bộ chuyển đổi nhiệt độ

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

Bộ chuyển đổi nhiệt độ

Nhập một giá trị vào bất kỳ trường nào để chuyển đổi giữa các đơn vị đo nhiệt độ:

Tạo bộ chuyển đổi nhiệt độ

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

Bước 1 - Thêm HTML:

<p>
  <label>Fahrenheit</label>
  <input id="inputFahrenheit" type="number" placeholder="Fahrenheit"
  oninput="temperatureConverter(this.value)"
  onchange="temperatureConverter(this.value)">
</p>
<p>Celsius: <span id="outputCelsius"></span></p>

Bước 2 - Thêm JavaScript:

Chuyển đổi độ F thành độ C:

/* Khi trường nhập nhận được đầu vào, chuyển giá trị từ độ F thành độ C */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Thử ngay

Chuyển đổi độ F thành các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi độ F thành các đơn vị đo nhiệt độ khác:

Mô tả Công thức Ví dụ
Chuyển đổi độ F thành độ C ℃=(℉-32)/1.8 Thử thử
Chuyển đổi độ F thành Kelvin K=((℉-32)/1.8)+273.15 Thử thử

Chuyển đổi độ C thành các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi độ C thành các đơn vị đo nhiệt độ khác:

Mô tả Công thức Ví dụ
Chuyển đổi độ C thành độ F ℉=(℃*1.8)+32 Thử thử
Chuyển đổi độ C thành Kelvin K=℃+273.15 Thử thử

Chuyển đổi Kelvin thành các đơn vị đo khác

Bảng dưới đây hiển thị cách chuyển đổi Kelvin thành các đơn vị đo nhiệt độ khác:

Mô tả Công thức Ví dụ
Chuyển đổi độ C của Kelvin thành độ F ℉=((K-273.15)*1.8)+32 Thử thử
Chuyển đổi K để C ℃=K-273.15 Thử thử