Lektioner

Konvertera temperatur med Javascript

Skapa en hemsida som konverterar temperaturer mellan Celsius och Fahrenheit.

  1. Gör en ny mapp på servern
  2. Döp den mappen till temperaturkonverterare
  3. Skapa i den nya mappen ett nytt html-dokument som heter index.html
  4. Skapa i den nya mappen ett nytt css-dokument som heter stilmall.css
  5. Skapa i den nya mappen ett nytt .js-dokument som heter skript.js
  6. Ge det nya HTML-dokumentet en <title> som är ordet "Temperaturkonverterare"
  7. Ge det nya HTML-dokumentet en huvudrubrik (<h1>) som är "Omvandla temperatur"
  8. Länka till den nya mappen från din förstasida/landing page som vanligt

Skapa formulärkontroller med html

<p>
  <label>Celsius</label>
  <input id="inputCelsius" type="number" placeholder="Celsius"
  oninput="temperaturomvandlare(this.value)"
  onchange="temperaturomvandlare(this.value)">
</p>
<p>Fahrenheit: <span id="outputFahrenheit"></span></p>

Skriv Javascriptet

/* Omvandla från Celsius till Fahrenheitgrader när inputfältet får input!*/
function temperaturomvandlare(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputFahrenheit").innerHTML = (valNum*1.8)+32;
}

Testa mer!

Testa att anpassa skriptet till andra formler!

Celsius till Kelvin

K=℃+273.15

Fahrenheit till Celsius

℃=(℉-32)/1.8

Fahrenheit till Kelvin

K=((℉-32)/1.8)+273.15

Kelvin till Celsius

℃=K-273.15

Kelvin till Fahrenheit

℉=((K-273.15)*1.8)+32