Hur man skapar: temperaturomvandlare

Lär dig hur du använder HTML och JavaScript för att skapa en temperaturomvandlare.

Temperaturomvandlare

Skriv in ett värde i något fält för att konvertera mellan temperaturmåttenheter:

Skapa en temperaturomvandlare

Skapa ett inmatningselement som kan konvertera en temperaturmåttenhet till en annan.

Steg 1 - Lägg till 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>

Steg 2 - Lägg till JavaScript:

Fahrenheit till Celsius:

/* När input-fältet får inmatning, konverterar värde från Fahrenheit till Celsius */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Prova själv

Konvertera Fahrenheit till andra måttenheter

Nedan visas hur man konverterar Fahrenheit till andra temperaturmåttenheter:

Beskrivning Formel Exempel
Konvertera Fahrenheit till Celsius ℃=(℉-32)/1.8 Prova
Konvertera Fahrenheit till Kelvin K=((℉-32)/1.8)+273.15 Prova

Konvertera Celsius till andra måttenheter

Nedan visas hur man konverterar Celsius till andra temperaturmåttenheter:

Beskrivning Formel Exempel
Konvertera Celsius till Fahrenheit ℉=(℃*1.8)+32 Prova
Konvertera Celsius till Kelvin K=℃+273.15 Prova

Konvertera Kelvin till andra måttenheter

Nedan visas hur man konverterar Kelvin till andra temperaturmåttenheter:

Beskrivning Formel Exempel
Konvertera Kelvin till Fahrenheit ℉=((K-273.15)*1.8)+32 Prova
Omvandla Kelvin till Celsius ℃=K-273.15 Prova