방법 - 온도 변환기
HTML과 JavaScript로 온도 변환기를 만드는 방법을 알아보세요.
온도 변환기
온도 측정 간에 변환할 필드에 값을 입력합니다.
온도 변환기 만들기
한 온도 측정값을 다른 온도 측정값으로 변환할 수 있는 입력 요소를 만듭니다.
1단계) 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>
2단계) 자바스크립트 추가:
예 - 화씨에서 섭씨로
/* 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;
}
화씨에서 다른 측정값으로 변환
아래 표는 화씨에서 다른 온도 측정으로 변환하는 방법을 보여줍니다.
Description | Formula | Example |
---|---|---|
Convert from Fahrenheit to Celsius | ℃=(℉-32)/1.8 | |
Convert from Fahrenheit to Kelvin | K=((℉-32)/1.8)+273.15 |
섭씨에서 다른 측정값으로 변환
아래 표는 섭씨에서 다른 온도 측정으로 변환하는 방법을 보여줍니다.
Description | Formula | Example |
---|---|---|
Convert from Celsius to Fahrenheit | ℉=(℃*1.8)+32 | |
Convert from Celsius to Kelvin | K=℃+273.15 |
켈빈에서 다른 측정으로 변환
아래 표는 켈빈에서 다른 온도 측정으로 변환하는 방법을 보여줍니다.
Description | Formula | Example |
---|---|---|
Convert from Kelvin to Fahrenheit | ℉=((K-273.15)*1.8)+32 | |
Convert from Kelvin to Celsius | ℃=K-273.15 |