TUGAS UAS (Semester 1)
PROGRAM PEMESANAN TIKET TRAVEL MENGGUNAKAN JAVASCRIPT
PROGRAM PEMESANAN TIKET TRAVEL MENGGUNAKAN JAVASCRIPT
NAMA : RIFKI INDRIYANI
NIM : 1117101505
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
Posting Komentar