Kali ini saya akan membuat satu contoh website percabangan yang menggunakan javascript.
Disini saya mempunyai langkah-langkah pembuatan website percabangan menggunakan javascript dengan mudah.
Langkah pertama kalian buat dulu nama filenya,
Jika kalian tidak mengerti cara membuatnya disini saya sudah sediakan Scriptnya bagi kalian.
Contoh Script:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript">
<!--
function hitungtotal()
{
var nama = (document.ffrom.inama.value);
var tujuan = (document.ffrom.itujuan.value);
var jumlahtiket = parseFloat (document.ffrom.ijumlah.value);
var ht = 0.0;
var sub = 0.0;
var diskon =0.0;
var total =0.0;
if (tujuan=="jakarta")
{
ht =100000;
}
else if (tujuan=="cirebon")
{
ht =150000;
}
else
{
ht =200000;
}
sub = jumlahtiket*ht;
if (document.ffrom.imember.checked==true)
{
diskon =0.10*sub;
}
else
{
diskon=0.0;
}
total = sub-diskon;
document.ffrom.otiket.value=eval(ht);
document.ffrom.osub.value=eval(sub);
document.ffrom.odiskon.value=eval(diskon);
document.ffrom.ototal.value=eval(total);
//gunakan untuk mengecek !!! alert (total);
}
//--></script>
<form name="ffrom">
<table border="1" align="center" width="70%">
<tr>
<td width="100%" colspan="4"><H2 ALIGN="center">Travel Bintang Abadi</H2></td>
</tr>
<tr>
<td width="30%"><PRE>
nama :<input type="text" size="20" name="inama">
tujuan :<select name="itujuan" size="1">
<option value="jakarta">jakarta</option>
<option value="cirebon">cirebon</option>
<option value="tasikmalaya">tasikmalaya</option>
</select>
jumlah tiket :<input type="text" size="11" name="ijumlah">
member :<input type="checkbox" name="imember">YA</td></PRE>
<td width="50%"><pre>
Harga Tiket :<input type="text" size="10" name="otiket">
Sub Total :<input type="text" size="10" name="osub">
Diskon :<input type="text" size="10" name="odiskon">
Total Bayar :<input type="text" size="10" name="ototal"></td><pre>
</tr>
<tr>
<td width="100%" colspan="2">
<center>
<input type="button" value="hitung" onclick="hitungtotal()">
<input type="reset" value="ulang">
</center>
</td>
</tr>
</table>
</form>
</body>
</html>
Jadi begitulah sobat cara membuat JavaScript di HTML dengan contoh sederhana ini saya berharap anda dapat mengembangkan dengan kreatifitas masing-masing dari kalian,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
0 komentar:
Posting Komentar