How To – 온도 변환기

w3.css

온도 변환기

HTML과 JavaScript를 사용하여 온도 변환기를 만드는 방법을 알아보자.

온도 변환기 만들기

하나의 무게 측정값을 다른 측정값으로 변환할 수 있는 입력 요소를 만든다.

1단계) 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>

2단계) JavaScript 추가

/* When the input field receives input, convert the value from fahrenheit to celsius */

function temperatureConverter(valNum) {

  valNum = parseFloat(valNum);

  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;

}

화씨(℉)에서 다른 측정 단위로 변환

화씨에서 다른 온도 측정 단위로 변환하는 방법을 보여준다.

섭씨(℃)에서 다른 측정 단위로 변환

섭씨 온도에서 다른 온도 측정 단위로 변환하는 방법을 보여준다.

켈빈(K)에서 다른 측정 단위로 변환

켈빈에서 다른 온도 측정 단위로 변환하는 방법을 보여준다.