Tidak semua yang saya tulis dalam CERPEN adalah saya :)

Welcome to my Blog... Blog ini mengenai tugas kuliah, cerpen, artikel dan beberapa hal tentang saya dan hobi saya :) boleh COPAS, tapi izin dulu yaa, jangan rendahkan dirimu sebagai pelagiat. Terima kasih :)

Rabu, 04 Januari 2012

Praktikum Internet : Javascript

Praktikum Internet, Javascript. Buatlah Form input data untuk mencari luas Segitiga, luas Bujur sangkar dan Luas Lingkaran.
Pembahasan :

<html>
<head>
<title>Nina Narulita Pandela</title>
</head>
<script language="javascript">
function hitung()
{
                alas = document.myform.a.value;
                tinggi = document.myform.t.value;
                luas = alas*tinggi/2;
                document.myform.luas.value=luas;
}
function hitung1()
{
                sisi1 = document.myform.s1.value;
                sisi2 = document.myform.s2.value;
                luas3 = sisi1*sisi2;
                document.myform.luas3.value=luas3;
}
function hitung2()
{
                jari2= document.myform.j.value;
                phi = 3.14 ;
                luas4 = phi*jari2*jari2;
                document.myform.luas4.value=luas4;
}
</script>
</head>
<body>
<form name="myform">
Mengitung Luas Segitiga <br>
Alas &nbsp;&nbsp; = <INPUT type="text" name="a"><BR>
Tinggi &nbsp;= <INPUT type="text" name="t"><BR>
<INPUT type="button" name="aksi" value="HITUNG" onclick="hitung()"><BR>
Luas &nbsp;&nbsp;&nbsp;= <INPUT type="text" name="luas"><BR><br><br><br>

<form name="myform">
Menghitung Luas Bujur Sangkar <br>
Sisi &nbsp; &nbsp;= <INPUT type="text" name="s1"><BR>
Sisi&nbsp; &nbsp;= <INPUT type="text" name="s2"><BR>
<INPUT type="button" name="aksi" value="HITUNG" onclick="hitung1()"><BR>
Luas = <INPUT type="text" name="luas3"><BR><br><br><br>

<form name="myform">
Menghitung Luas Lingkaran <br>
Jari-jari = <INPUT type="text" name="j"><BR>
<INPUT type="button" name="aksi" value="HITUNG" onclick="hitung2()"><BR>
Luas &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;= <INPUT type="text" name="luas4"><BR><br><br><br>
</body>
</html>

Tampilan : 

Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda, Terima kasih :)