Come creare: Convertitore di temperatura

Impara come creare un convertitore di temperatura utilizzando HTML e JavaScript.

Convertitore di temperatura

Inserisci un valore in qualsiasi campo per convertire tra le unità di temperatura:

Crea un convertitore di temperatura

Crea un elemento di input che possa convertire una unità di temperatura in un'altra.

Primo passo - Aggiungi 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>

Secondo passo - Aggiungi JavaScript:

Conversione Fahrenheit in Celsius:

/* Convertire il valore del campo di input da Fahrenheit a Celsius quando viene ricevuto l'input */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Prova personalmente

Convertire Fahrenheit in altre unità di misura

La seguente tabella mostra come convertire Fahrenheit in altre unità di temperatura:

Descrizione Formula Esempio
Convertire Fahrenheit in Celsius ℃=(℉-32)/1.8 Prova a fare
Convertire Fahrenheit in Kelvin K=((℉-32)/1.8)+273.15 Prova a fare

Convertire Celsius in altre unità di misura

La seguente tabella mostra come convertire Celsius in altre unità di temperatura:

Descrizione Formula Esempio
Convertire Celsius in Fahrenheit ℉=(℃*1.8)+32 Prova a fare
Convertire Celsius in Kelvin K=℃+273.15 Prova a fare

Convertire Kelvin in altre unità di misura

La seguente tabella mostra come convertire Kelvin in altre unità di temperatura:

Descrizione Formula Esempio
Convertire Kelvin in Fahrenheit ℉=((K-273.15)*1.8)+32 Prova a fare
Convertire Kelvin in gradi Celsius ℃=K-273.15 Prova a fare