Kode Program

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

28 Nov 2023 0

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 Programiz, OneCompiler, OnlineGDB, 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 😀😊😘👌👍 :)

Kode Program

Join the conversation

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

Keep reading

Apa itu OpenCode? Open Source AI Coding Agent Secara Gratis (Beserta dengan Tutorial Penggunaannya)

Program Deret Bilangan Ganjil-Genap dengan JavaScript dan HTML (Input Type)

Program Deret Bilangan Ganjil-Genap dengan PHP dan HTML (Input Type)