Halo sobat webbiz kali ini kita akan share aplikasi kalkulator menghitung massa (satuan berat) mengunakan JavaScript. Kalian juga bisa membuat aplikasi serupa dengan menggunakan source code dibawah.
Kalkulator Massa
HTML
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kalkulator Massa</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<h1>Kalkulator Massa</h1>
<form id="weightForm">
<label for="weight">Masukkan Berat:</label>
<input type="number" id="weight" required>
<select id="unitFrom">
<option value="kg">Kilogram</option>
<option value="g">Gram</option>
<option value="lb">Pound</option>
<option value="oz">Ons</option>
</select>
<label for="unitTo">Konversi ke:</label>
<select id="unitTo">
<option value="kg">Kilogram</option>
<option value="g">Gram</option>
<option value="lb">Pound</option>
<option value="oz">Ons</option>
</select>
<button type="submit">Konversi</button>
</form>
<div id="result"></div>
</div>
<script src="script.js"></script>
</body>
</html>CSS
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.container {
max-width: 400px;
margin: auto;
background: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
}
label {
display: block;
margin: 10px 0 5px;
}
input, select, button {
width: 100%;
padding: 10px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing : border-box;
}
button {
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
}
button:hover {
background-color: #218838;
}JavaScript
document.getElementById('weightForm').addEventListener('submit', function(event) {
event.preventDefault();
const weight = parseFloat(document.getElementById('weight').value);
const unitFrom = document.getElementById('unitFrom').value;
const unitTo = document.getElementById('unitTo').value;
const conversionRates = {
kg: 1,
g: 1000,
lb: 2.20462,
oz: 35.274
};
const weightInKg = weight / conversionRates[unitFrom];
const convertedWeight = weightInKg * conversionRates[unitTo];
document.getElementById('result').innerText = `Hasil: ${convertedWeight.toFixed(2)} ${unitTo}`;
});Berikut adalah penjelasan dan rumus konversi tangga massa serta tabel konversi satuan massa ke dalam kilogram untuk membantu Anda memahami perhitungan satuan massa dalam sistem metrik.
1. Tangga Konversi Massa
Tangga konversi massa adalah alat untuk mengonversi antar satuan massa dengan mudah. Setiap langkah pada tangga mengindikasikan kelipatan atau pecahan 10 dari satuan massa di sebelahnya.
Urutan Tangga Konversi Massa:
Kilogram (kg) – Hektogram (hg) – Dekagram (dag) – Gram (g) – Desigram (dg) – Centigram (cg) – Miligram (mg)
2. Rumus Tangga Konversi Massa
Pada tangga konversi, setiap kali turun satu langkah, kita mengalikan nilai dengan 10. Sebaliknya, saat naik satu langkah, kita membagi nilai dengan 10.
- Dari satuan yang lebih besar ke satuan yang lebih kecil: Kalikan nilai dengan 101010 untuk setiap langkah yang diambil.
- Dari satuan yang lebih kecil ke satuan yang lebih besar: Bagi nilai dengan 101010 untuk setiap langkah yang diambil.
Contoh:
- Mengonversi 1 kilogram ke gram:
- Turun 3 langkah dari kg ke g → 1 kg × 10³ = 1000g
- Mengonversi 5000 miligram ke gram:
- Naik 3 langkah dari mg ke g → 5000 mg ÷ 10³ = 5g
3. Tabel Konversi Satuan Massa ke dalam Kilogram
Berikut adalah tabel konversi satuan massa yang sering digunakan ke dalam kilogram (kg).
| Satuan Massa | Simbol | Nilai dalam Kilogram |
|---|---|---|
| Kilogram | kg | 1 kg |
| Hektogram | hg | 0.1 kg |
| Dekagram | dag | 0.01 kg |
| Gram | g | 0.001 kg |
| Desigram | dg | 0.0001 kg |
| Centigram | cg | 0.00001 kg |
| Miligram | mg | 0.000001 kg |
| Ons (metrik) | oz | 0.02835 kg |
| Pound (avoirdupois) | lb | 0.453592 kg |
Tabel ini dapat mempermudah konversi dari satuan massa apapun ke kilogram, sehingga Anda hanya perlu mengalikan nilai dalam satuan lain dengan faktor konversi yang sesuai untuk mendapatkan hasil dalam kilogram.
4. Contoh Menggunakan Tabel
Jika kita ingin mengonversi 50 gram ke kilogram:
50g=50×0.001=0.05kg
Tabel dan rumus konversi ini bisa digunakan untuk menghitung nilai satuan massa dalam kilogram dengan mudah.
Semoga bermanfaat..