MEMBUAT KALKULATOR BANGUN RUANG DI HTML
hello guys ketemu saya lagi nihhh gimana kabarnya baik?....... ,gimana nih siap pusing pusing tentang script lagi enggak nihhhh??? ehhehehe
Kali ini saya akan membuat Kalkulator Bangun Menggunakan HTML silahkan simak scriptnyal,tenag aja bakalin tek jelasin kok fungsinya...
Berikut Script fullnya........
<html>
<head>
<title> Menampilkan Rumus Bangun </title>
<script language="javascript">
function periksarumus(){
var rumus= document.getElementById("formrumus").pilihan1.value;
if (rumus=="rumus1")
{
var nilai=prompt("Masukkan panjangnya!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan lebarnya!!!");
nilai2=parseInt(nilai2);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas persegi panjang adalah = "+ nilai*nilai2);
}
else if (rumus=="rumus2")
{
var nilai=prompt("Masukkan Alas!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Tinggi!!!");
nilai2=parseInt(nilai2);
nilai3=nilai*nilai2
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas Segitiga adalah = "+ nilai3/2);
}
else if (rumus=="rumus3")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
nilai2=22/7
nilai3=(nilai*nilai)*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas Permukaan Bola adalah = "+ nilai3*4);
}
else if (rumus=="rumus5")
{
var nilai=prompt("Masukkan Alas Segitiga!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Tinggi Segitiga!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi Limas!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Limas adalah = "+ (nilai3*nilai*nilai2)*1/6);
}
else if (rumus=="rumus6")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai
var nilai4=prompt("Masukkan Tinggi!!!");
nilai4=parseInt(nilai4);
nilai2=22/7
nilai3=jari*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Tabung adalah = "+ nilai4*nilai3*4);
}
else if (rumus=="rumus4")
{
var nilai=prompt("Masukkan Panjang!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Lebar!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Balok adalah = "+ nilai3*nilai*nilai2);
}
else if (rumus=="rumus7")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai*nilai
nilai2=22/7
nilai3=jari*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Bola adalah = "+ nilai3*1.3);
}
else if (rumus=="rumus8")
{
var nilai=prompt("Masukkan Sisi!!!");
nilai=parseInt(nilai);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Persegi adalah = "+ nilai*4);
}
else if (rumus=="rumus9")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
nilai2=22/7
nilai3=nilai*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Lingkaran adalah = "+ nilai3*2);
}
else if (rumus=="rumus10")
{
var nilai=prompt("Masukkan Sisi A!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Sisi B!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Sisi C!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Segitiga adalah = "+ (nilai3+nilai+nilai2));
}
else if (rumus=="rumus11")
{
var nilai=prompt("Masukkan Panjang!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Lebar!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi!!!");
nilai3=parseInt(nilai3);
nilai4=nilai3*nilai*nilai2
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Prisma adalah = "+ 1/4*(nilai4));
}
else if (rumus=="rumus12")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai
var nilai2=prompt("Masukkan Tinggi Kerucut!!!");
nilai2=parseInt(nilai2);
nilai3=22/7
hasil=22/7*(jari*nilai2)
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Kerucut adalah = "+ 1/3*(hasil));
}
}
</script>
</head>
<body font style="arial">
<form id="formrumus" name="formrumus" onsubmit="return false">
<h1> Menampilkan Rumus </h1>
Pilih Rumus : <select id="pilihan1" name="pilihan1">
<option value="rumus1"> Luas Persegi </option>
<option value="rumus2"> Luas Segitiga </option>
<option value="rumus3"> Luas Permukaan Bola </option>
<option value="rumus8"> Keliling Persegi </option>
<option value="rumus10"> Keliling Segitiga </option>
<option value="rumus9"> Keliling Lingkaran </option>
<option value="rumus4"> Volume Balok </option>
<option value="rumus5"> Volume Limas </option>
<option value="rumus6"> Volume Tabung </option>
<option value="rumus7"> Volume Bola </option>
<option value="rumus11"> Volume Prisma </option>
<option value="rumus12"> Volume Kerucut</option>
</select>
</form>
<input type='button' onclick="periksarumus()" value='Hitung'>
</body>
</html>
<head>
<title> Menampilkan Rumus Bangun </title>
<script language="javascript">
function periksarumus(){
var rumus= document.getElementById("formrumus").pilihan1.value;
if (rumus=="rumus1")
{
var nilai=prompt("Masukkan panjangnya!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan lebarnya!!!");
nilai2=parseInt(nilai2);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas persegi panjang adalah = "+ nilai*nilai2);
}
else if (rumus=="rumus2")
{
var nilai=prompt("Masukkan Alas!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Tinggi!!!");
nilai2=parseInt(nilai2);
nilai3=nilai*nilai2
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas Segitiga adalah = "+ nilai3/2);
}
else if (rumus=="rumus3")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
nilai2=22/7
nilai3=(nilai*nilai)*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas Permukaan Bola adalah = "+ nilai3*4);
}
else if (rumus=="rumus5")
{
var nilai=prompt("Masukkan Alas Segitiga!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Tinggi Segitiga!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi Limas!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Limas adalah = "+ (nilai3*nilai*nilai2)*1/6);
}
else if (rumus=="rumus6")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai
var nilai4=prompt("Masukkan Tinggi!!!");
nilai4=parseInt(nilai4);
nilai2=22/7
nilai3=jari*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Tabung adalah = "+ nilai4*nilai3*4);
}
else if (rumus=="rumus4")
{
var nilai=prompt("Masukkan Panjang!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Lebar!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Balok adalah = "+ nilai3*nilai*nilai2);
}
else if (rumus=="rumus7")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai*nilai
nilai2=22/7
nilai3=jari*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Bola adalah = "+ nilai3*1.3);
}
else if (rumus=="rumus8")
{
var nilai=prompt("Masukkan Sisi!!!");
nilai=parseInt(nilai);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Persegi adalah = "+ nilai*4);
}
else if (rumus=="rumus9")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
nilai2=22/7
nilai3=nilai*22/7
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Lingkaran adalah = "+ nilai3*2);
}
else if (rumus=="rumus10")
{
var nilai=prompt("Masukkan Sisi A!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Sisi B!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Sisi C!!!");
nilai3=parseInt(nilai3);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Keliling Segitiga adalah = "+ (nilai3+nilai+nilai2));
}
else if (rumus=="rumus11")
{
var nilai=prompt("Masukkan Panjang!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan Lebar!!!");
nilai2=parseInt(nilai2);
var nilai3=prompt("Masukkan Tinggi!!!");
nilai3=parseInt(nilai3);
nilai4=nilai3*nilai*nilai2
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Prisma adalah = "+ 1/4*(nilai4));
}
else if (rumus=="rumus12")
{
var nilai=prompt("Masukkan Jari-jari!!!");
nilai=parseInt(nilai);
jari=nilai*nilai
var nilai2=prompt("Masukkan Tinggi Kerucut!!!");
nilai2=parseInt(nilai2);
nilai3=22/7
hasil=22/7*(jari*nilai2)
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Volume Kerucut adalah = "+ 1/3*(hasil));
}
}
</script>
</head>
<body font style="arial">
<form id="formrumus" name="formrumus" onsubmit="return false">
<h1> Menampilkan Rumus </h1>
Pilih Rumus : <select id="pilihan1" name="pilihan1">
<option value="rumus1"> Luas Persegi </option>
<option value="rumus2"> Luas Segitiga </option>
<option value="rumus3"> Luas Permukaan Bola </option>
<option value="rumus8"> Keliling Persegi </option>
<option value="rumus10"> Keliling Segitiga </option>
<option value="rumus9"> Keliling Lingkaran </option>
<option value="rumus4"> Volume Balok </option>
<option value="rumus5"> Volume Limas </option>
<option value="rumus6"> Volume Tabung </option>
<option value="rumus7"> Volume Bola </option>
<option value="rumus11"> Volume Prisma </option>
<option value="rumus12"> Volume Kerucut</option>
</select>
</form>
<input type='button' onclick="periksarumus()" value='Hitung'>
</body>
</html>
Kali ini saya akan membuat Kalkulator Bangun Menggunakan HTML silahkan simak scriptnyal,tenag aja bakalin tek jelasin kok fungsinya...
Berikut Javascript nya, javascript ini menggandung fungsi untuk memasukan value setelah selesai mengsumbit rumus yang di pilih, dan script value yang berisikan nilai yang dipilih.
function periksarumus(){
var rumus= document.getElementById("formrumus").pilihan1.value;
if (rumus=="rumus1")
{
var nilai=prompt("Masukkan panjangnya!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan lebarnya!!!");
nilai2=parseInt(nilai2);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas persegi panjang adalah = "+ nilai*nilai2);
}
var rumus= document.getElementById("formrumus").pilihan1.value;
if (rumus=="rumus1")
{
var nilai=prompt("Masukkan panjangnya!!!");
nilai=parseInt(nilai);
var nilai2=prompt("Masukkan lebarnya!!!");
nilai2=parseInt(nilai2);
document.write ("<h1> Menampilkan Rumus </h1>");
document.write ("Luas persegi panjang adalah = "+ nilai*nilai2);
}
variable di ambil dari "formrumus" dengan "pilihan1" jadi ketika memilih sebuah value di selection value yang terambil atau nilai yang terambil di "pilihan1" itu akan di proses html.
<form id="formrumus" name="formrumus" onsubmit="return false">
<h1> Menampilkan Rumus </h1>
Pilih Rumus : <select id="pilihan1" name="pilihan1">
<option value="rumus1"> Luas Persegi </option>
<option value="rumus2"> Luas Segitiga </option>
Dari script di atas kamu bisa melihat value yang berupa "rumus..." dan ketika memilih itu nilai itu akan terambil dan ter proses si javascript
Dibawah adalah demo hasil nya selamat mencoba
terima kasihhhhhhh.........
Komentar
Posting Komentar