CARA MEMBUAT CONVERTER SUHU DI HALAMAN HTML

Celcius ke Fahrenheit

Dengan JavaScript kita dapat membuat rumus, menghitung dengan otomatis. Dibawah ini saya akan menunjukan cara membuat konverter suhu dari "Fahrenheit" ke "Celcius" menggunakan JavaScript. Perhatikan kode berikut:

<h2>Temperature Converter</h2>
<p>Type a value in the Fahrenheit field to convert the value to Celsius:</p>
<p>
<label>Fahrenheit</label>
<input id="inputFahrenheit" type="number" placeholder="Fahrenheit" oninput="temperatureConverter(this.value)" onchange="temperatureConverter(this.value)">
</p>
<p>Celcius: <span id="outputCelcius"></span></p>
<script>
function temperatureConverter(valNum) {
valNum = parseFloat(valNum);
document.getElementById("outputCelcius").innerHTML=(valNum-32)/1.8;
}
</script>

Kode diatas apabila diterapkan ke dalam HTML akan memvisualkan sebuah tool sebagaimana berikut dibawah ini:

Konverter Suhu:

Tambahkan angka atau nilai ke kolom Fahrenheit untuk melihat perbandingannya ke Celscius:
Fahrenheit
Celcius:
Cobalah ketikan angka kedalam kotak dialog Fahrenheit di atas dan lihat hasilnya. Kini saya berharap teman teman semua mengerti lebih banyak cara kerja JavaScript di halaman HTML.

Terimakasih telah dengan setia mengikuti halaman editblogtema.