November 13, 2019

CARA MEMBUAT CONVERTER SUHU DI HALAMAN HTML

converter suhu
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:

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.

I am a student of Senior High School (SMA) I am living in Bandar Lampung, Selalu tertarik dengan HTML, sedang belajar Javascript, python dan C++

2 comments:

  1. wah keren.. saya pny halaman serupa mba tapi harus tekan tombol eksekusi.

    Bole dicopas yah scriptnya?

    ReplyDelete
    Replies
    1. Silahkan bang Day, halaman ini memang untuk berbagi

      Delete