Program Pemesanan Tiket Travel Menggunakan Javascript

TUGAS UAS (Semester 1)
PROGRAM PEMESANAN TIKET TRAVEL MENGGUNAKAN JAVASCRIPT

NAMA : RIFKI INDRIYANI
NIM : 1117101505


Scriptnya adalah sebagai berikut :

<html>
<head>
<title>TRAVEL</title>
</head>
<body>
<script language="javascript">
function tekan()
{
   var jumlahtiket = parseFloat(document.fega.ijumlahtiket.value);
   var nama = parseFloat(document.fega.inama.value);
   var tujuan = parseFloat(document.fega.itujuan.value);
   var ht = 0.0;
   var sub = 0.0;
   var diskon = 0.0;
   var total = 0.0;

   if (tujuan == 1)
   {
     ht = 70000;
   }
   else if (tujuan == 2)
   {
     ht = 80000;
   }
   else if (tujuan == 3)
   {
     ht = 90000;
   }
   else
   {
     ht = 30000;
   }

   sub = jumlahtiket*ht;
 
   if (document.fega.imember.checked == true)
   {
     diskon = 0.10*ht;
   }
   else
   {
     diskon = 0.0*ht;
   }
 
   total = sub - diskon;
 
   document.fega.otiket.value = eval(ht);
   document.fega.osub.value = eval(sub);
   document.fega.odiskon.value = eval(diskon);
   document.fega.ototal.value = eval(total);
 
   alert(total);
}
</script>

<form name = "fega">
<table border="1" align="center" width="80%">
<tr><td width="100%" colspan="2">
<h2 align="center">PEMESANAN TIKET TRAVEL</h2>
</td></tr>
<tr><td width="50%">
<pre>
Nama         : <input type="text" size="20" name="inama">
Tujuan       : <select name="itujuan" size="1">
               <option value="1">Jakarta</option>
               <option value="2">Solo</option>
               <option value="3">Surabaya</option>
               </select>
Jumlah Tiket : <input type="text" size="20" name="ijumlahtiket">
Member : <input type="radio" value="Member" name="imember">Ya
</td></pre>
<td width="50%">
<pre>
Harga Tiket : Rp <input type="text" size="20" name="otiket">
Sub Total   : Rp <input type="text" size="20" name="osub">
Diskon      : Rp <input type="text" size="20" name="odiskon">
Total Bayar : Rp <input type="text" size="20" name="ototal">
</td></tr></pre>
<tr><td width="100%" colspan="2">
<center>
<input type="button" value="Hitung" onclick="tekan()">
<input type="reset" value="Ulang">
</center>
</td></tr>
</table>
</form>
</body>
<body style="color:red; text-align:center; background-color:pink"/>
</html>

Hasil dari program diatas sebelum diisi formatnya :



Setelah diisi formatnya tetapi belom diisikan diskon maka hasilnya :



Hasil akhir dari program diatas setelah diisi format semuanya :


Sekian Terima Kasih Semoga Bermanfaat :)

Komentar