EDITBLOGTEMA

Kebijakan Download
×
Skip to main content

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.

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

Post a Comment

Ajukan pertanyaan dan berikan detailnya untuk memudahkan kami menganalisa dan troubleshooting agar kami dapat membantu atau membantu memecahkan masalah seputar kode kode HTML, CSS dan JS template blog kalian

Jika ingin komen dengan menyisipkan kode HTML, parse terlebih dahulu kodenya di :
Blogcrowds
Lalu hasil parse pastekan ke dalam kotak komentar.

Bagaimanapun pertanyaan, kritik, saran dan masukan dari kalianlah yang membuat blog ini tetap bertahan dan ada.

Terimakasih

Salam dari Admin
Anissa Auliasari

Copyright © EDITBLOGTEMA. All rights reserved.