Halo sobat Webbiz, kali ini kita akan share bagaimana membuat kalkulator Suhu (Konversi Satuan Suhu Internasional) dengan menggunakan JavaScript, tetapi sebelum itu teman-teman perlu mengetahui apa itu suhu dan rumus yang digunakan dalam aplikasi yang akan kita buat.
Membuat Kalkulator Suhu dengan JavaScript
Kalkulator Suhu
Berikut adalah tabel lengkap rumus konversi suhu untuk semua skala utama, yaitu Celsius (°C), Fahrenheit (°F), Kelvin (K), Reamur (°R), dan Rankine (°Ra).
| Dari → Ke | Rumus Konversi |
|---|---|
| Celsius (°C) → Fahrenheit (°F) | (°C × 9/5) + 32 |
| Celsius (°C) → Kelvin (K) | °C + 273.15 |
| Celsius (°C) → Reamur (°R) | °C × 4/5 |
| Celsius (°C) → Rankine (°Ra) | (°C + 273.15) × 9/5 |
| Fahrenheit (°F) → Celsius (°C) | (°F – 32) × 5/9 |
| Fahrenheit (°F) → Kelvin (K) | (°F – 32) × 5/9 + 273.15 |
| Fahrenheit (°F) → Reamur (°R) | (°F – 32) × 4/9 |
| Fahrenheit (°F) → Rankine (°Ra) | °F + 459.67 |
| Kelvin (K) → Celsius (°C) | K – 273.15 |
| Kelvin (K) → Fahrenheit (°F) | (K – 273.15) × 9/5 + 32 |
| Kelvin (K) → Reamur (°R) | (K – 273.15) × 4/5 |
| Kelvin (K) → Rankine (°Ra) | K × 9/5 |
| Reamur (°R) → Celsius (°C) | °R × 5/4 |
| Reamur (°R) → Fahrenheit (°F) | (°R × 9/4) + 32 |
| Reamur (°R) → Kelvin (K) | (°R × 5/4) + 273.15 |
| Reamur (°R) → Rankine (°Ra) | (°R × 9/4) + 491.67 |
| Rankine (°Ra) → Celsius (°C) | (°Ra – 491.67) × 5/9 |
| Rankine (°Ra) → Fahrenheit (°F) | °Ra – 459.67 |
| Rankine (°Ra) → Kelvin (K) | °Ra × 5/9 |
| Rankine (°Ra) → Reamur (°R) | (°Ra – 491.67) × 4/9 |
Penjelasan singkat:
- Celsius (°C): Standar internasional yang digunakan di sebagian besar dunia.
- Fahrenheit (°F): Banyak digunakan di Amerika Serikat.
- Kelvin (K): Skala absolut yang digunakan dalam sains.
- Reamur (°R): Sebelumnya digunakan di Eropa, sekarang jarang dipakai.
- Rankine (°Ra): Skala absolut yang digunakan dalam beberapa aplikasi termodinamika di AS.
JavaScript
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kalkulator Suhu</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
.container {
width: default;
margin: 30px auto;
padding: 30px 20px;
background-color: #f2f2f2;
}
.result {
margin-top: 20px;
padding: 15px;
border: 1px solid #ced4da;
border-radius: 5px;
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="container">
<h2 class="text-center">Kalkulator Suhu</h2>
<div class="form-group">
<label for="inputValue">Masukkan Suhu:</label>
<input type="number" class="form-control" id="inputValue" placeholder="Masukkan nilai suhu">
</div>
<div class="form-group">
<label for="inputUnit">Pilih Satuan:</label>
<select class="form-control" id="inputUnit">
<option value="C">Celcius</option>
<option value="F">Fahrenheit</option>
<option value="K">Kelvin</option>
<option value="R">Rankine</option>
<option value="Re">Reaumur</option>
<option value="Ro">Rømer</option>
<option value="D">Delisle</option>
</select>
</div>
<button class="btn btn-primary" onclick="convert()">Konversi</button>
<div class="result" id="result"></div>
</div>
<script>
function convert() {
const value = parseFloat(document.getElementById('inputValue').value);
const unit = document.getElementById('inputUnit').value;
let results = '';
if (unit === 'C') {
results = `Fahrenheit: ${(value * 9/5) + 32} °F<br>
Kelvin: ${value + 273.15} K<br>
Rankine: ${(value + 273.15) * 9/5} °R<br>
Reaumur: ${value * 4/5} °Re<br>
Rømer: ${(value * 21/40) + 7.5} °Ro<br>
Delisle: ${(100 - value) * 3/2} °D`;
} else if (unit === 'F') {
results = `Celcius: ${(value - 32) * 5/9} °C<br>
Kelvin: ${(value - 32) * 5/9 + 273.15} K<br>
Rankine: ${value + 459.67} °R<br>
Reaumur: ${(value - 32) * 4/9} °Re<br>
Rømer: ${(value - 32) * 7/24 + 7.5} °Ro<br>
Delisle: ${(212 - value) * 5/6} °D`;
} else if (unit === 'K') {
results = `Celcius: ${value - 273.15} °C<br>
Fahrenheit: ${(value - 273.15) * 9/5 + 32} °F<br>
Rankine: ${value * 9/5} °R<br>
Reaumur: ${(value - 273.15) * 4/5} °Re<br>
Rømer: ${(value - 273.15) * 21/40 + 7.5} °Ro<br>
Delisle: ${(373.15 - value) * 3/2} °D`;
} else if (unit === 'R') {
results = `Celcius: ${(value - 491.67) * 5/9} °C<br>
Fahrenheit: ${value - 459.67} °F<br>
Kelvin: ${value * 5/9} K<br>
Reaumur: ${(value - 491.67) * 4/9} °Re<br>
Rømer: ${(value - 491.67) * 7/24 + 7.5} °Ro<br>
Delisle: ${(671.67 - value) * 5/6} °D`;
} else if (unit === 'Re') {
results = `Celcius: ${value * 5/4} °C<br>
Fahrenheit: ${(value * 5/4) + 32} °F<br>
Kelvin: ${(value * 5/4) + 273.15} K<br>
Rankine: ${(value * 5/4 + 273.15) * 9/5} °R<br>
Rømer: ${(value * 5/4) * 21/40 + 7.5} °Ro<br>
Delisle: ${(80 - value * 5/4) * 3/2} °D`;
} else if (unit === 'Ro') {
results = `Celcius: ${(value - 7.5) * 40/21} °C<br>
Fahrenheit: ${(value - 7.5) * 24/7 + 32} °F<br>
Kelvin: ${(value - 7.5) * 40/21 + 273.15} K<br>
Rankine: ${(value - 7.5) * 24/7 + 459.67} °R<br>
Reaumur: ${(value - 7.5) * 4/21} °Re<br>
Delisle: ${(60 - (value - 7.5) * 40/21) * 3/2} °D`;
} else if (unit === 'D') {
results = `Celcius: ${100 - (value * 2/3)} °C<br>
Fahrenheit: ${(100 - (value * 2/3)) * 9/5 + 32} °F<br>
Kelvin: ${100 - (value * 2/3) + 273.15} K<br>
Rankine: ${(100 - (value * 2/3) + 273.15) * 9/5} °R<br>
Reaumur: ${(100 - (value * 2/3)) * 4/5} °Re<br>
Rømer: ${(100 - (value * 2/3)) * 21/40 + 7.5} °Ro`;
}
document.getElementById('result').innerHTML = results;
}
</script>
</body>
</html>Apa itu Suhu ?
Suhu adalah ukuran tingkat panas atau dingin suatu benda atau lingkungan. Secara ilmiah, suhu berkaitan dengan energi kinetik rata-rata partikel dalam suatu zat. Semakin tinggi suhu, semakin cepat partikel bergerak, dan sebaliknya. Suhu memengaruhi berbagai fenomena fisika dan kimia, seperti perubahan fase (misalnya, dari padat ke cair), reaksi kimia, dan sifat material.
Baca juga : Membuat Aplikasi Crop Image menggunakan JavaScript
Pengukuran Suhu
Pengukuran suhu dilakukan menggunakan alat yang disebut termometer. Ada beberapa jenis termometer, di antaranya:
- Termometer Air Raksa: Menggunakan raksa yang mengembang atau menyusut dalam tabung kaca. Suhu dibaca dari skala yang tertera.
- Termometer Digital: Menggunakan sensor elektronik untuk mengukur suhu dan menampilkan hasilnya secara digital. Termometer ini sering digunakan dalam pengukuran suhu tubuh.
- Termometer Infrared: Mengukur suhu tanpa kontak dengan objek. Alat ini sering digunakan dalam situasi di mana pengukuran suhu yang cepat dan aman diperlukan.
- Termometer Bimetal: Menggunakan dua logam berbeda yang mengembang dengan tingkat yang berbeda saat dipanaskan, menggerakkan jarum untuk menunjukkan suhu.
Pentingnya Pengukuran Suhu
Pengukuran suhu sangat penting dalam berbagai bidang, termasuk:
- Meteorologi: Untuk memantau dan memprediksi cuaca.
- Industri: Dalam proses produksi yang memerlukan suhu tertentu.
- Kesehatan: Untuk memeriksa suhu tubuh sebagai indikator kesehatan.
- Ilmu Pengetahuan: Dalam penelitian dan eksperimen untuk memahami sifat materi dan reaksi kimia.
Kesimpulan
Masing-masing satuan suhu memiliki kegunaan dan konversi yang spesifik. Jika kamu perlu melakukan konversi atau memiliki pertanyaan lebih lanjut tentang satuan tertentu, jangan ragu untuk bertanya!