3/12/2014 08:59:00 AM
2
Form Penjualan Tiket dengan JavaScript
Assalamualaikum...

Dalam postingan kali ini saya akan mebahas sedikit tentang penggunaan script javascript. Dengan javascript saya mencoba membuat sebuah form penjualan tiket Kereta Api. Namun disini saya hanya mengshare scriptnya saja, dengan kata lain tidak akan membahas function dari script tersebut. Semoga contoh ini dapat menambah ilmu bagi pembaca mengenai javascript.

Berikut ini merupakan script javascript pembuatan form penjualan tiket:

<html>
<head>
<title>praktikum9</title>
</head>
<body>
<script type="text/javascript">
function hitungtotal(){

var nama = (document.form.inama.value);
var tujuan = (document.form.itujuan.value);
var jumlahpaket = parseFloat (document.form.ijumlah.value);
var ht = 0.0 ;
var sub = 0.0;
var diskon = 0.0;
var total = 0.0;
if (tujuan == "Jakarta") {

ht = 10000;
}
else if(tujuan == "Yogyakarta")
{
ht = 5000;
}
else
{
ht = 20000;
}

sub = jumlahpaket*ht;

if (document.form.imamber.checked == true) 
{
diskon = 0.10 * sub;
}
else
{
diskon=0.0;
}
total = sub - diskon;
document.form.otiket.value=eval(ht);
document.form.osub.value=eval(sub);
document.form.odiskon.value=eval(diskon);
document.form.ototal.value=eval(total);
}

</script>
<form name="form" onchange="hitungtotal()">

<table>
<tr>
<td>
<h2>Form Penjualan Tiket</h2>
</td>
</tr>

<tr>
<td>Nama</td>
<td><input type="text" name="inama" size="25" placeholder="Nama Anda.."> </td>
</tr>
<tr>
<td>
Tujuan
</td>
<td>
<select name="itujuan">
<option value="Jakarta">Jakarta</option>
<option value="Yogyakarta">Yogyakarta</option>
<option value="Semarang">Semarang</option>
</select>
</td>
</tr>
<tr>
<td>
Jumlah Tiket
</td>
<td>
<input type="text" size="15" name="ijumlah" placeholder="Jumlah Tiket Anda..">
</td>
</tr>
<tr>
<td>
Member
</td>
<td>
<input type="checkbox" name="imamber">Ya
</td>
</tr>
<tr>
<td>
Harga Tiket
</td>
<td>
<input type="text" size="10" name="otiket">
</td>
</tr>
<tr>
<td>
Sub Total
</td>
<td>
<input type="text" size="10" name="osub">
</td>
</tr>
<tr>
<td>
Diskon
</td>
<td>
<input type="text" size="10" name="odiskon">
</td>
</tr>
<tr>
<td>
Total Bayar
</td>
<td>
<input type="text" name="ototal" size=10""> 
</td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Hitung" Onclick="hitungtotal()">
<input type="reset" value="Ulangi" >
</td>
</tr>
</table>
</form>
</body>
</html>

Diatas sudah saya bedakan dengan warna tulisanya mana bagian dalam perumusan dengan javascript dan mana yang merupakan pemanggil dari function-function tersebut. Dalam form ini jika dia member maka penjumlahan akan dilakukan secara otomatis sedangkan nonmember dilakukan dengan cara manual yaitu dengan cara mengklick hitung.
Untuk selebihnya bisa anda pelajari sendiri bagaimana cara kerjanya.

wassalamualaikum...

2 komentar:

  1. terima kasih informasinya,,,semoga ALLAH SWT. membalas dengan kebaikan yang lebih dar info yg disebar.amiin

    BalasHapus
  2. Assalamualaikum wrb, saya mohon maaf kalau postingan saya menyinggung perasaan anda semua tapi saya lillahi ta’ala hanya mau menceritakan pengalaman pribadi saya saya berharap ada yang sama seperti saya.perkenalkan terlebih dahulu saya aini andari tinggal di Padang,dulu saya penjual kue keliling himpitan ekonomi yang membuat saya seperti ini,saya tidak menyerah dengan keadaan saya tetap usaha,pada suatu malam saya buka internet tidak sengaja saya lihat postingan seseorang yang sama seperti saya tapi sudah berhasil,dia dibantu oleh nyi rawih tampa pikir panjang saya hubungi beliau saya dikasi pencerahaan dan dikasi solusi,awalnya saya tidak mau tapi sya beranikan diri mengikuti saran beliau,alhamdulillah berjalan lancar sekarang saya punya toko bangunan Jaya Abadi didaerah Padang,terimah kasih saya ucapkan pada Nyi rawih berkat beliau saya seprti ini,mungkin banyak orang yang menyebut saya mengada-ada tapi saya buktikan sendiri,khusus yang serius mau bantuan silahkan hub beliau nyi rawih beliau orangnya baik ini nomor beliau 082250546417 atau klik UNTUK INFO LEBIH JELAS KLIK DISINI ini pengalaman pribadi saya percaya atau tidak semua tergantung pembaca demi Allah ini nyata sekian dan terima kasih ,Assalamualaikum Wrb....allahuakbar....allahuakbar....allahuakbar

    BalasHapus