Program Program Luas dan Keliling Lingkaran dengan JavaScript dan HTML (Input Type)

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Dalam Matematika, sudah biasa menghitung Luas dan Keliling Lingkaran. Lalu, bagaimana menghitung Luas dan Keliling Lingkaran dengan Algoritma Pemrograman dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML? Berikut ini adalah Penjelasannya.

Untuk Software-nya, Anda bisa menggunakan Notepad++, Sublime Text, ataupun VS Code, dan ditampilkan melalui Browser Anda. Bahkan Anda juga bisa menggunakan Online Compiler yang ada di Internet seperti ProgramizOneCompilerOnlineGDB, dll.

Secara Matematis, Rumus Luas dan Keliling Lingkaran adalah sebagai berikut :

Sumber : Belajarmatematikaonline.com

Dan inilah Program menghitung Luas dan Keliling Lingkaran dengan HTML dan JavaScript :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Luas dan Keliling Lingkaran</title>
</head>
<body>
    <script>
        function hitungLuasKeliling() {
            var r = parseFloat(document.getElementById("jariJari").value);
            var pi = 3.1416;

            var keliling = 2 * pi * r;
            var luas = pi * r * r;

            document.getElementById("keliling").innerText = "Keliling Lingkaran: " + keliling.toFixed(2);
            document.getElementById("luas").innerText = "Luas Lingkaran: " + luas.toFixed(2);
        }
    </script>

    <h2>Menghitung Keliling dan Luas Lingkaran</h2>
    <label for="jariJari">Masukkan Jari-Jari: </label>
    <input type="text" id="jariJari">
    <br>
    <button onclick="hitungLuasKeliling()">Hitung</button>
    <br>
    <div id="keliling"></div>
    <div id="luas"></div>
</body>
</html>

Input dan Output :


Mohon maaf apabila ada kesalahan sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post