Kode Program

Program Volume dan Luas Kerucut 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 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 Programiz, OneCompiler, OnlineGDB, 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 😀😊😘👌👍 :)

Kode Program

Join the conversation

Program Volume dan Luas Kerucut 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)