Program Volume dan Luas Kerucut dengan JavaScript dan HTML (Input Type)

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Dalam Matematika, sudah biasa menghitung Volume dan Luas Kerucut. Lalu, bagaimana menghitung Volume dan Luas Kerucut dengan Algoritma Pemrograman Bahasa JavaScript dan ditampilkan dengan menggunakan HTML? Mari kita bahas!

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 Volume dan Luas Kerucut adalah sebagai berikut :

Dan inilah Program menghitung Volume dan Luas Kerucut 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>Volume dan Luas Permukaan Kerucut</title>
</head>
<body>
    <script>
        function hitungVolumeLuas() {
            var r = parseFloat(document.getElementById("jariJari").value);
            var tinggi = parseFloat(document.getElementById("tinggi").value);
            var s = parseFloat(document.getElementById("garisPelukis").value);
            var pi = 3.1416;

            var luasPermukaan = pi * r * (r + s);
            var volume = (1/3) * pi * r * r * tinggi;

            document.getElementById("luasPermukaan").innerText = "Luas Permukaan Kerucut: " + luasPermukaan.toFixed(2);
            document.getElementById("volume").innerText = "Volume Kerucut: " + volume.toFixed(2);
        }
    </script>

    <h2>Menghitung Volume dan Luas Permukaan Kerucut</h2>
    <label for="jariJari">Masukkan Jari-Jari: </label>
    <input type="text" id="jariJari">
    <br>
    <label for="tinggi">Masukkan Tinggi: </label>
    <input type="text" id="tinggi">
    <br>
    <label for="garisPelukis">Masukkan Garis Pelukis: </label>
    <input type="text" id="garisPelukis">
    <br>
    <button onclick="hitungVolumeLuas()">Hitung</button>
    <br>
    <div id="luasPermukaan"></div>
    <div id="volume"></div>
</body>
</html>

Input dan Output :


Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post