Hi Sobat Webbiz, Kali ini kita akan share Kalkulator Menghitung Luas dan Keliling Lingkaran beserta source code yang bisa kalian download.
Kalkulator Luas dan Keliling Lingkaran
Code :
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kalkulator Lingkaran</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body {
margin: 20px;
}
.container {
width: 500px;
background-color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="container">
<h2>Kalkulator Luas dan Keliling Lingkaran</h2>
<form id="circleForm">
<div class="form-group">
<label for="radius">Jari-jari (r)</label>
<input type="number" class="form-control" id="radius" placeholder="Masukkan jari-jari" required>
</div>
<div class="form-group">
<label for="diameter">Diameter (d)</label>
<input type="text" class="form-control" id="diameter" placeholder="Diameter" readonly>
</div>
<div class="form-group">
<label for="area">Luas</label>
<input type="text" class="form-control" id="area" placeholder="Luas" readonly>
</div>
<div class="form-group">
<label for="circumference">Keliling</label>
<input type="text" class="form-control" id="circumference" placeholder="Keliling" readonly>
</div>
</form>
</div>
<script>
document.getElementById('radius').addEventListener('input', function() {
const radius = parseFloat(this.value);
if (!isNaN(radius)) {
document.getElementById('diameter').value = (radius * 2).toFixed(2);
document.getElementById('area').value = (Math.PI * radius * radius).toFixed(2);
document.getElementById('circumference').value = (2 * Math.PI * radius).toFixed(2);
} else {
document.getElementById('diameter').value = '';
document.getElementById('area').value = '';
document.getElementById('circumference').value = '';
}
});
document.getElementById('circleForm').addEventListener('submit', function(event) {
event.preventDefault();
});
</script>
</body>
</html>
JavaScript
Menghitung luas dan keliling lingkaran melibatkan rumus-rumus dasar dalam geometri yang bergantung pada jari-jari (radius) atau diameter lingkaran. Berikut adalah penjelasan dan rumus lengkapnya.
1. Komponen Utama Lingkaran
- Jari-jari (r): Jarak dari titik pusat lingkaran ke tepi lingkaran.
- Diameter (d): Jarak melintasi lingkaran yang melalui titik pusat. Diameter adalah dua kali panjang jari-jari, atau d=2×r.
- π (pi): Konstanta matematika yang bernilai sekitar 3.14159.
2. Rumus Menghitung Luas Lingkaran
Luas lingkaran adalah total area yang diisi oleh lingkaran. Rumus untuk menghitung luas lingkaran adalah:
Luas (A) = π × r²
Keterangan:
- A adalah luas lingkaran.
- r adalah jari-jari lingkaran.
- π adalah konstanta yang kira-kira bernilai 3.14159.
Contoh Perhitungan Luas:
Jika lingkaran memiliki jari-jari r=7 cm:
A = π×(7)² = π × 49 ≈ 3.14159 × 49 = 153.94 cm²
3. Rumus Menghitung Keliling Lingkaran
Keliling lingkaran adalah panjang garis tepi atau batas luar dari lingkaran. Rumus untuk menghitung keliling lingkaran adalah:
Keliling (C) = 2 × π × r
Atau, jika Anda memiliki diameter (d) lingkaran:
Keliling (C) = π × d
Keterangan:
- C adalah keliling lingkaran.
- r adalah jari-jari lingkaran.
- d adalah diameter lingkaran.
- π adalah konstanta yang bernilai sekitar 3.14159.
Contoh Perhitungan Keliling:
Jika lingkaran memiliki jari-jari r = 7 cm:
C = 2 × π × 7 = 14 × π ≈ 14 × 3.14159 = 43.98 cm
Atau, jika kita mengetahui diameter lingkaran (misalnya, d=14 cm):
C = π × 14 ≈ 3.14159 × 14 = 43.98 cm
Ringkasan Rumus
Parameter | Rumus |
---|---|
Luas (A) | A = π × r² |
Keliling (C) | C = 2 × π × r atau C = π × d |
Catatan Tambahan
- Untuk perhitungan praktis, biasanya π\piπ diambil sekitar 3.14 atau 22/7 jika ingin lebih cepat tanpa kalkulator.
- Luas dihitung dalam satuan kuadrat (misalnya, cm²), sedangkan keliling dihitung dalam satuan panjang (misalnya, cm).
Kalkulator sederhana dapat mempermudah perhitungan ini, terutama untuk nilai π yang lebih presisi.
Semoga bermanfaat..