Kalkulator Menghitung Luas dan Keliling Lingkaran

Kalkulator Menghitung Luas dan Keliling Lingkaran

Hi Sobat Webbiz, Kali ini kita akan share Kalkulator Menghitung Luas dan Keliling Lingkaran beserta source code yang bisa kalian download.

Kalkulator Lingkaran

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

ParameterRumus
Luas (A)A = π × r²
Keliling (C)C = 2 × π × r atau C = π × d

Catatan Tambahan

  1. Untuk perhitungan praktis, biasanya π\piπ diambil sekitar 3.14 atau 22/7 jika ingin lebih cepat tanpa kalkulator.
  2. 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..