Como criar: Conversor de temperatura

Aprenda a usar HTML e JavaScript para criar um conversor de temperatura.

Conversor de temperatura

Insira um valor em qualquer campo para converter entre unidades de temperatura:

Crie um conversor de temperatura

Crie um elemento de entrada que possa converter uma unidade de temperatura para outra.

Primeiro passo - Adicionar 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 passo - Adicionar JavaScript:

Conversão de Fahrenheit para Celsius:

/* Quando o campo de entrada recebe entrada, converte o valor de Fahrenheit para Celsius */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Experimente você mesmo

Converter Fahrenheit para outras unidades

A tabela a seguir mostra como converter Fahrenheit para outras unidades de temperatura:

Descrição Fórmula Exemplo
Converter Fahrenheit para Celsius ℃=(℉-32)/1.8 Experimente
Converter Fahrenheit para Kelvin K=((℉-32)/1.8)+273.15 Experimente

Converter Celsius para outras unidades

A tabela a seguir mostra como converter Celsius para outras unidades de temperatura:

Descrição Fórmula Exemplo
Converter Celsius para Fahrenheit ℉=(℃*1.8)+32 Experimente
Converter Celsius para Kelvin K=℃+273.15 Experimente

Converter Kelvin para outras unidades

A tabela a seguir mostra como converter Kelvin para outras unidades de temperatura:

Descrição Fórmula Exemplo
Converter Kelvin para Fahrenheit ℉=((K-273.15)*1.8)+32 Experimente
Converter Kelvin para Celsius ℃=K-273.15 Experimente