Program Menghitung Volume Balok Menggunakan 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
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".
Posting Komentar untuk "Program Menghitung Volume Balok Menggunakan JavaScript"