Berikut adalah contoh script HTML dan JavaScript sederhana untuk menghitung volume tabung dengan input manual dari pengguna:
```html
<!DOCTYPE html>
<html>
<head>
<title>Hitung Volume Tabung</title>
</head>
<body>
<h2>Hitung Volume Tabung</h2>
<form id="volumeForm">
<label for="radius">Radius (r):</label><br>
<input type="text" id="radius" name="radius" required><br><br>
<label for="height">Tinggi (h):</label><br>
<input type="text" id="height" name="height" required><br><br>
<input type="button" value="Hitung" onclick="calculateVolume()">
</form>
<h3 id="result"></h3>
<script>
function calculateVolume() {
// Mendapatkan nilai input dari form
var radius = document.getElementById('radius').value;
var height = document.getElementById('height').value;
// Validasi input
if (isNaN(radius) || isNaN(height) || radius <= 0 || height <= 0) {
document.getElementById('result').innerHTML = "Input tidak valid. Silakan masukkan angka positif.";
} else {
// Menghitung volume tabung
var volume = Math.PI * Math.pow(radius, 2) * height;
// Menampilkan hasil perhitungan
document.getElementById('result').innerHTML = "Volume Tabung: " + volume.toFixed(2) + " satuan kubik";
}
}
</script>
</body>
</html>
```
Penjelasan kode:
1. **HTML**: Form dengan dua input untuk radius dan tinggi, serta tombol untuk memulai perhitungan.
2. **JavaScript**:
- Fungsi `calculateVolume()` dipanggil ketika tombol "Hitung" diklik.
- Mendapatkan nilai input dari elemen dengan `document.getElementById()`.
- Memeriksa apakah input adalah angka dan lebih besar dari nol dengan `isNaN()` dan pengecekan nilai.
- Menghitung volume tabung menggunakan rumus \( V = \pi r^2 h \) dengan fungsi `Math.PI` dan `Math.pow()`.
- Menampilkan hasil perhitungan atau pesan error jika input tidak valid di elemen dengan id `result`.
Dengan kode ini, pengguna dapat memasukkan nilai radius dan tinggi tabung secara manual, lalu melihat hasil perhitungan volume setelah menekan tombol "Hitung".
No comments:
Post a Comment