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

Halo semuanya! Berjumpa dengan Miniblog dari Inzaghi's Blog! Jika sebelumnya, kita sudah membahas tentang mencari Luas dan Keliling Bangun Datar. Sekarang, kita akan membahas tentang Volume dan Luas dari Bangun Ruang, khususnya untuk Kubus. Kali ini, kita akan menghitung Volume dan Luas Kubus secara Matematis dan Algoritma dalam Bahasa JavaScript dan ditampilkan dengan menggunakan HTML.

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 Kubus adalah sebagai berikut :

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

            var luasPermukaan = 6 * sisi * sisi;
            var volume = sisi * sisi * sisi;

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

    <h2>Menghitung Volume dan Luas Permukaan Kubus</h2>
    <label for="sisi">Masukkan Sisi: </label>
    <input type="text" id="sisi">
    <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 sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post