Pemrograman Web:Tugas 5
<html>
<head>
<title>Percabangan IF-ELSE 2</title>
</head>
<body>
<SCRIPT language="JavaScript">
<!--
function hitungtotal() {
var nama = (document.fform.inama.value);
var tujuan = (document.fform.itujuan.value);
var jumlahtiket = parseFloat(document.fform.ijumlah.value);
var ht = 0.0; //harga tiket
var sub = 0.0; //sub harga
var diskon =0.0;
var total =0.0; //total bayar
if (tujuan=="Jakarta") {
ht =250000;
}
else if (tujuan=="Surabaya") {
ht =200000;
}
else {
ht =75000;
}
sub = jumlahtiket*ht;
if (document.fform.imember.checked==true) {
diskon =0.10*sub;
}
else {
diskon=0.0;
}
total = sub-diskon;
document.fform.otiket.value=eval(ht);
document.fform.osub.value=eval(sub);
document.fform.odiskon.value=eval(diskon);
document.fform.ototal.value=eval(total);
// gunakan untuk mengecek !!! alert (total);
}
//--></SCRIPT>
<form NAME ="fform">
<table border="1" align="center" width="70%">
<tr>
<td width="100%" colspan="2"><h2 align="center">Travel Bears<h2></td>
</tr>
<tr>
<td width="50%">Nama :
<input type="text" size="30" name="inama">
<br>
Tujuan :
<select name="itujuan" size="1">
<option value="Jakarta">Jakarta</option>
<option value="Surabaya">Surabaya</option>
<option value="Yogyakarta">Yogyakarta</option>
</select>
<br>
Jumlah Tiket :
<input type="text" size="6" name="ijumlah">
<br>
Member :
<input type="checkbox" name="imember">Ya
</td>
<td width="50%">
Harga Tiket :
<input type="text" size="10" name="otiket">
<br>
Sub Total :
<input type="text" size="10" name="osub">
<br>
Diskon :
<input type="text" size="10" name="odiskon">
<br>
Total Bayar :
<input type="text" size="10" name="ototal"></td>
</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>
Keterangan
Ini adalah kode HTML yang menampilkan form yang meminta input dari pengguna (nama, tujuan, jumlah tiket, dan member). Ketika tombol 'Hitung' diklik, maka akan memanggil fungsi 'hitungtotal' yang akan menghitung harga tiket, sub total, diskon, dan total bayar berdasarkan input pengguna. Hasil perhitungan akan ditampilkan pada form yang sesuai.
Secara lebih detail, fungsi 'hitungtotal' akan melakukan perhitungan sebagai berikut:
- Mendapatkan input nama, tujuan, dan jumlah tiket dari form.
- Menentukan harga tiket berdasarkan tujuan yang dipilih oleh pengguna. Harga tiket akan menjadi 250000 jika tujuan adalah Jakarta, 200000 jika tujuan adalah Surabaya, dan 75000 jika tujuan adalah Yogyakarta.
- Menghitung sub total dengan mengalikan jumlah tiket dengan harga tiket.
- Menghitung diskon jika pengguna merupakan member. Diskon akan menjadi 10% dari sub total jika pengguna merupakan member, dan 0 jika pengguna bukan member.
- Menghitung total bayar dengan mengurangi diskon dari sub total.
- Menampilkan hasil perhitungan pada form yang sesuai.
Pertanyaan
Tambahkan Fasilitas Setelah Tujuan berupa pilihan (list/menu) = Ekonomi dan VIP
- Jika
Ekonomi= Tanpa Ada Tambahan Total Bayar - Jika
VIP= Total Bayar + 10% Dari Total Bayar
Untuk menambahkan fasilitas setelah tujuan yang berupa pilihan Ekonomi dan VIP, Anda dapat menambahkan field pilihan (select) pada form HTML seperti berikut:
Fasilitas:
<select name="ifasilitas" size="1">
<option value="Ekonomi">Ekonomi</option>
<option value="VIP">VIP</option>
</select>
Kemudian, Anda dapat mengubah fungsi 'hitungtotal' seperti berikut ini:
function hitungtotal() {
// ...
var fasilitas = (document.fform.ifasilitas.value);
// ...
total = sub-diskon;
if (fasilitas == "VIP") {
total = total + (0.1 * total);
}
// ...
}
Dengan menambahkan kode tersebut, maka jika fasilitas yang dipilih adalah VIP, maka total bayar akan ditambah dengan 10% dari total bayar. Jika fasilitas yang dipilih adalah ekonomi, maka tidak akan ada tambahan total bayar.