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

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

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

            var luasPermukaan = 4 * pi * rusuk * rusuk;
            var volume = (4/3) * pi * rusuk * rusuk * rusuk;

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

    <h2>Menghitung Volume dan Luas Permukaan Bola</h2>
    <label for="rusuk">Masukkan Rusuk: </label>
    <input type="text" id="rusuk">
    <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