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
Kode Program
<!DOCTYPE html>
<html lang="en">
<head>
<title>hobingodingcom</title>
<style>
body { text-align: center; }
h2, h4 { margin: 0; }
input { width: 75px; }
</style>
</head>
<body>
<h2>Program Menghitung Volume Balok</h2>
<h4>visit us hobingoding.com</h4>
<br>
<!-- Input Panjang -->
<span>Panjang </span><input type="number" id="panjang">
<!-- Input Lebar -->
<span>Lebar </span><input type="number" id="lebar">
<!-- Input Tinggi -->
<span>Tinggi </span><input type="number" id="tinggi">
<button onclick="hitungVolume()">Hitung</button>
<p id="hasil"></p>
<script>
// Hitung Volume
function hitungVolume() {
let panjang = document.getElementById("panjang").value
let lebar = document.getElementById("lebar").value
let tinggi = document.getElementById("tinggi").value
let hasil = document.getElementById("hasil")
let volume = panjang * lebar * tinggi
hasil.innerText = "Volume Balok : " + volume
}
</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".
