Sådan oprettes: Temperaturkonverterer

Lær hvordan man bruger HTML og JavaScript til at oprette en temperaturkonverterer.

Temperaturkonverterer

Indtast en værdi i et hvilket som helst felt, og konverter mellem temperaturmåleenheder:

Opret en temperaturkonverterer

Opret et inputelement, der kan konvertere en temperaturmåleenhed til en anden.

Første trin - Tilføj 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>

Andet trin - Tilføj JavaScript:

Fahrenheit til Celsius konvertering:

/* Når inputfeltet modtager input, konverterer værdien fra Fahrenheit til Celsius */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Prøv det selv

Konverter Fahrenheit til andre måleenheder

Følgende tabel viser, hvordan Fahrenheit kan konverteres til andre temperaturmåleenheder:

Beskrivelse Formel Eksempel
Konverter Fahrenheit til Celsius ℃=(℉-32)/1.8 Prøv det
Konverter Fahrenheit til Kelvin K=((℉-32)/1.8)+273.15 Prøv det

Konverter Celsius til andre måleenheder

Følgende tabel viser, hvordan Celsius kan konverteres til andre temperaturmåleenheder:

Beskrivelse Formel Eksempel
Konverter Celsius til Fahrenheit ℉=(℃*1.8)+32 Prøv det
Konverter Celsius til Kelvin K=℃+273.15 Prøv det

Konverter Kelvin til andre måleenheder

Følgende tabel viser, hvordan Kelvin kan konverteres til andre temperaturmåleenheder:

Beskrivelse Formel Eksempel
Konverter Kelvin til Fahrenheit ℉=((K-273.15)*1.8)+32 Prøv det
Konverter Kelvin til Celsius ℃=K-273.15 Prøv det