Skip to content

Teknik Sipil: Contoh HTML Perhitungan Volume

Jump to bottom
PSHTERATE edited this page Apr 3, 2023 · 1 revision

Contoh HTML Perhitungan Volume

Berikut ini adalah contoh kode HTML untuk perhitungan volume dalam dunia teknik sipil. Kode ini memungkinkan pengguna untuk menghitung volume dari berbagai bentuk geometris, seperti kubus, balok, silinder, dan kerucut. Dengan menggunakan formulir yang sederhana, pengguna dapat memasukkan nilai-nilai yang diperlukan dan menghitung volume secara otomatis. Kode ini berguna bagi para insinyur sipil, arsitek, dan mahasiswa teknik sipil yang sedang belajar menghitung volume dalam desain dan konstruksi.

Berikut adalah contoh kode HTML untuk perhitungan volume dalam dunia teknik sipil:

<!DOCTYPE html> <html> <head> <title>Perhitungan Volume</title> </head> <body> <h1>Perhitungan Volume Balok</h1> <form> <label for="panjang">Panjang:</label> <input type="number" id="panjang" name="panjang" required><br><br> <label for="lebar">Lebar:</label> <input type="number" id="lebar" name="lebar" required><br><br> <label for="tinggi">Tinggi:</label> <input type="number" id="tinggi" name="tinggi" required><br><br> <input type="submit" value="Hitung"> </form> <br> <h3>Hasil:</h3> <p id="hasil"></p>

`<script>`
	`function hitungVolume() {`
		`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("hasil").innerHTML = "Volume Balok: " + volume + " m³";`
	`}`

	`document.querySelector("form").addEventListener("submit", function(e) {`
		`e.preventDefault();`
		`hitungVolume();`
	`});`
`</script>`

</body> </html>

Kode tersebut merupakan contoh perhitungan volume balok menggunakan HTML, CSS, dan JavaScript. Pada kode tersebut terdapat form yang terdiri dari input panjang, lebar, dan tinggi balok. Setelah diisi, hasil volume balok akan ditampilkan pada paragraf dengan id "hasil".

Dengan adanya teknologi, perhitungan volume dalam dunia teknik sipil dapat dilakukan dengan lebih mudah dan efisien. Dengan menggunakan kode HTML seperti yang telah dibuat di atas, perhitungan volume dapat dilakukan secara otomatis dengan mengisi nilai-nilai yang diperlukan. Bagi Anda yang ingin mengetahui lebih lanjut tentang teknik sipil dan terkait dengan dunia konstruksi, Anda dapat mengunjungi situs https://civilengineerdwg.com/. Selamat mencoba dan semoga bermanfaat.

Clone this wiki locally