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

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Dalam Matematika, sudah biasa menghitung Volume dan Luas Tabung. Lalu, bagaimana menghitung Volume dan Luas Tabung 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 Tabung adalah sebagai berikut :

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

            var luasPermukaan = 2 * (pi * r * r) + (2 * pi * r * t);
            var volume = pi * r * r * t;

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

    <h2>Menghitung Volume dan Luas Permukaan Tabung</h2>
    <label for="jariJari">Masukkan Jari-Jari Lingkaran: </label>
    <input type="text" id="jariJari">
    <br>
    <label for="tinggi">Masukkan Tinggi Tabung: </label>
    <input type="text" id="tinggi">
    <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