JavaScript : Studi Kasus #1 MEMBUAT APPS SEDERHANA HITUNG VOLUME BALOK


DASAR JAVASCRIPT - MEMBUAT APPS SEDERHANA HITUNG VOLUME BALOK

Sebenarnya Blog ini di buat hanya untuk sarana belajar penulis, yang di dokumentasikan lewat Blog. Disini hanya untuk sekedar berbagi bukan meng Gurui hehehe, penulis sebenarnya Learning by doing, awokawokawok, Ok dari yang telah dipelajari kita akan membuat sebuah case yang mana ini akan melatih logika algoritma pemograman kita. Studi kasusnya adalah kita akan membuat sebuah aplikasi hitung volume balok sederhana.

Sebelumnya kita mengetahui untuk menghitung sebuah volume balok, dapat kita lakukan dengan rumus V = P x L x T
Keterangan :
V  : Volume Balok
P   : Panjang Balok
L   : Lebar Balok
T  : Tinggi Balok

Yang mana rule nya adalah, kita masukkan nilai panjang, lebar dan tinggi sebuah balok. Lalu, lakukan proses hitung. 





 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <script>
        function volumeBalok(){
            inputPanjang = document.getElementById("panjang").value;
            inputlebar = document.getElementById("lebar").value;
            inputTinggi = document.getElementById("tinggi").value;
            Hasil = inputPanjang * inputlebar * inputTinggi;
            document.getElementById("hasil").innerHTML = Hasil + " m2";
            // console.log(Hasil);
        }
    </script>
</head>
<body>
    <h3>APLIKASI SEDERHANA MENGHITUNG VOLUME BALOK</h3>
    <p>Silahkan input Panjang,Lebar dan Tinggi pada inputan yang telah disediakan, Lalu tekan tombol proses</p>
    <input id="panjang" placeholder="Masukkan Panjang"> <br><br>
    <input id="lebar" placeholder="Masukkan Lebar"> <br> <br>
    <input id="tinggi" placeholder="Masukkan tinggi"> <br> <br>
    <button type="button" onclick="volumeBalok()">Proses</button> <br> <br>
    <p>Volume Balok Tersebut adalah = <h2 id="hasil">
</body>
</html>

Berikut Output dari Apps sederhana kita, silahkan input panjang, lebar dan tinggi di inputan yang telah disediakan. Lalu lakukan proses hitung dengan mengklik tombol proses. Selamat mencoba.

Document

APLIKASI SEDERHANA MENGHITUNG VOLUME BALOK

Silahkan input Panjang,Lebar dan Tinggi pada inputan yang telah disediakan, Lalu tekan tombol proses








Volume Balok Tersebut adalah =

Posting Komentar

0 Komentar