Program Menghitung Volume Balok Menggunakan JavaScript

Oleh Fandi Presly Simamora 12:33 Posting Komentar

Menghitung Volume Balok dalam Bahasa JavaScript

hobingoding.com - Halo coders. Pada postingan kali ini saya akan membagikan cara menghitung volume balok dengan menggunakan JavaScript. Untuk inputnya seperti biasa kita akan menggunakan beberapa tag html untuk kemudian diproses dengan menggunakan JavaScript.

Sebelum kita masuk ke pembahasannya perlu kita tau bahwa rumus untuk menghitung volume balok adalah dengan cara mengalikan panjang, lebar, dan tinggi dari rusuk-rusuk balok tersebut. Secara sederhana rumus tersebut dapat kita tuliskan sebagai berikut volume = panjang * lebar * tinggi

Permasalahan

Buatlah program sederhana untuk menghitung volume balok.

Test Case

Input Panjang: 12
Input Lebar: 8
Input Tinggi: 10
Volume Balok: 960 cm^3

Kode Program

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>hobingodingcom</title>
        <style>
            body {
                text-align: center;
            }
            h2, h4{
                margin: 0;
            }
            p#demo {
                font-weight: bold;
            }
            input {
                width: 75px;
            }
        </style>
    </head>
    <body>
        <h2>Program Menghitung Volume Balok</h2>
        <h4>visit us @hobingoding.com</h4>
        <br >
        <!-- Penginputan Panjang, Lebar, Tinggi -->
        <label for="panjang">Panjang</label>
        <input type="number" id="panjang" name="variabel">
        <label for="lebar">Lebar</label>
        <input type="number" id="lebar" name="variabel">
        <label for="tinggi">Tinggi</label>
        <input type="number" id="tinggi" name="variabel">
        <button onclick="myFunction()">Hitung</button>
        <p id="demo"></p>
        <script>
            //Penghitungan Volume
            function myFunction(){
                var panjang = document.getElementById("panjang").value
                var lebar = document.getElementById("lebar").value
                var tinggi = document.getElementById("tinggi").value
                var volume = panjang * lebar * tinggi
                document.getElementById("demo").innerText = "Volume Balok = " + volume + " cm^3"
            }
        </script>
    </body>
</html>

Lihat source code melalui github: fandipres

Output Program

Program JavaScript Menghitung Volume Balok

Penjelasan Program

Di sini saya menerima tiga buat input yang diterima melalui tag input html. Selanjutnya ketiga inputan tersebut diproses pada javascript untuk menghitung nilai volume sesuai dengan rumus yang ada di atas. Terakhir nilai volume balok dicetak dengan melalukan manipulasi DOM pada paragraf dengan id "demo".

Fandi Presly Simamora Don't think too long because the chance can't waiting for you.

Hobi Ngoding

Widget HTML #1