어떻게 만들까요: 온도 변환기

HTML과 JavaScript를 사용하여 온도 변환기를 만들어 보세요.

온도 변환기

어떤 필드에도 값을 입력하면 온도 단위 간의 변환을 할 수 있습니다:

온도 변환기 생성

한 개의 온도 단위를 다른 온도 단위로 변환할 수 있는 입력 요소를 생성합니다.

첫 번째 단계 - 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>

두 번째 단계 - JavaScript 추가:

华氏도에서 섭씨로 변환:

/* 입력 필드가 입력을 받을 때, 값을 华氏度에서 섭씨로 변환합니다 */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

직접 테스트해 보세요

华氏度에서 다른 단위로 변환

아래 표는 华氏温度에서 다른 온도 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
فارنها이트를 섭씨로 변환 ℃=(℉-32)/1.8 ℃=K-273.15
فارنها이트를 켈빈으로 변환 K=((℉-32)/1.8)+273.15 ℃=K-273.15

섭씨에서 다른 단위로 변환

아래 표는 섭씨를 다른 온도 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
섭씨를 فارنها이트로 변환 ℉=(℃*1.8)+32 ℃=K-273.15
섭씨를 켈빈으로 변환 K=℃+273.15 ℃=K-273.15

켈빈에서 다른 단위로 변환

아래 표는 켈빈을 다른 온도 단위로 변환하는 방법을 보여줍니다:

설명 공식 예제
켈빈을 فارنها이트로 변환 ℉=((K-273.15)*1.8)+32 ℃=K-273.15
℉=((K-273.15)*1.8)+32 켈빈을 섭씨로 변환 ℃=K-273.15