Cómo crear: Convertidor de temperatura

Aprende a usar HTML y JavaScript para crear un convertidor de temperatura.

Convertidor de temperatura

Escribe un valor en cualquier campo y puedes convertir entre unidades de temperatura:

Crear un convertidor de temperatura

Crear un elemento de entrada que pueda convertir una unidad de temperatura a otra.

Primer paso - Añadir 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>

Segundo paso - Añadir JavaScript:

Conversión de Fahrenheit a Celsius:

/* Al recibir entrada en el campo de entrada, convierte el valor de Fahrenheit a Celsius */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Prueba por ti mismo

Convertir Fahrenheit a otras unidades

La siguiente tabla muestra cómo convertir Fahrenheit a otras unidades de temperatura:

Descripción Fórmula Ejemplo
Convertir Fahrenheit a Celsius ℃=(℉-32)/1.8 Prueba
Convertir Fahrenheit a Kelvin K=((℉-32)/1.8)+273.15 Prueba

Convertir Celsius a otras unidades

La siguiente tabla muestra cómo convertir Celsius a otras unidades de temperatura:

Descripción Fórmula Ejemplo
Convertir Celsius a Fahrenheit ℉=(℃*1.8)+32 Prueba
Convertir Celsius a Kelvin K=℃+273.15 Prueba

Convertir Kelvin a otras unidades

La siguiente tabla muestra cómo convertir Kelvin a otras unidades de temperatura:

Descripción Fórmula Ejemplo
Convertir Kelvin a Fahrenheit ℉=((K-273.15)*1.8)+32 Prueba
Convertir Kelvin a Celsius ℃=K-273.15 Prueba