Miten luodaan: lämpötilaMUUNTTAJA

Opi, miten HTML ja JavaScriptillä luodaan lämpötilaMUUNTTAJA.

LämpötilaMUUNTTAJA

Syötä arvo mihin tahansa kenttään, ja voit muuntaa lämpötilayksiköitä:

Luo lämpötilaMUUNTTAJA

Luo syöteelementti, joka voi muuntaa yhden lämpötilayksikön toiseksi.

Vaihe 1 - Lisää 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>

Vaihe 2 - Lisää JavaScript:

Fahrenheit-muunnos celsiusiksi:

/* Kun syötekenttä vastaanottaa syötteen, muunna arvo fahrenheitista celsiusiksi */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

Kokeile itse

Muunna fahrenheit muihin mittayksiköihin

Seuraavassa taulukossa näytetään, miten fahrenheit voidaan muuntaa muihin lämpötilayksiköihin:

Kuvaus Kaava Esimerkki
Muunna fahrenheit celsiusiksi ℃=(℉-32)/1.8 Kokeile itse
Muunna fahrenheit kelvini K=((℉-32)/1.8)+273.15 Kokeile itse

Muunna celsius muihin mittayksiköihin

Seuraavassa taulukossa näytetään, miten celsius voidaan muuntaa muihin lämpötilayksiköihin:

Kuvaus Kaava Esimerkki
Muunna celsius fahrenheitiksi ℉=(℃*1.8)+32 Kokeile itse
Muunna celsius kelvini K=℃+273.15 Kokeile itse

Muunna kelvini muihin mittayksiköihin

Seuraavassa taulukossa näytetään, miten kelvini voidaan muuntaa muihin lämpötilayksiköihin:

Kuvaus Kaava Esimerkki
Muunna kelvini fahrenheitiksi ℉=((K-273.15)*1.8)+32 Kokeile itse
Muunna kelvinitasot Celsius-asteiksi ℃=K-273.15 Kokeile itse