Advertisement
Guest User

Untitled

a guest
Apr 9th, 2020
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.54 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>Pemesanan Tiket Travel</title>
  4.         <style>
  5.        
  6.         </style>
  7.     </head>
  8.     <body>
  9.         <script type ="text/javascript">
  10.         function hitungharga(){
  11.             var nama =(document.form.inama.value);
  12.             var tujuan =(document.form.itujuan.value);
  13.             var jumlahtiket = parseFloat(document.form.ijumlah.value);
  14.  
  15.             var hargatiket=0.0;
  16.             var total=0.0;
  17.             var diskon=0.0;
  18.             var totalharga=0.0;
  19.  
  20.             if(tujuan == "KampungLalang"){
  21.                 hargatiket=500000;
  22.             }
  23.             else if(tujuan== "Binjai"){
  24.                 hargatiket=150000;
  25.             }
  26.             else{
  27.                 hargatiket=400000;
  28.             }
  29.             total = jumlahtiket * hargatiket;
  30.             if (document.form.imember.checked == true){
  31.                 diskon = 0.10*total;
  32.             }
  33.             else{
  34.                 diskon=0.0;
  35.             }
  36.             totalharga = total - diskon;
  37.             document.getElementById('otiket').innerHTML=hargatiket;
  38.             document.getElementById('odiskon').innerHTML=diskon;
  39.             document.getElementById('ototal').innerHTML=totalharga;
  40.         }
  41.            
  42.             </script>
  43.             <div class="formulir">
  44.             <form name = "form" onchange="hitungharga()" action="/formulir/"method="GET">
  45.                 <h2> Formulir Penjualan Tiket</h2>
  46.                 <label> Nama </label>
  47.                 <input type ="text" name="inama" placeholder="Masukan Nama Anda"/><br>
  48.                 <label> Tujuan </label>
  49.                 <select name="itujuan">
  50.                     <option value="pilihan">Pilih Kota</option>
  51.                     <option value="KampungLalang">Kampung Lalang</option>
  52.                     <option value="Binjai">Binjai</option>
  53.                     <option value="Medan">Medan</option>
  54.                 </select><br>
  55.                 <label>Jumlah Tiket</label>
  56.                 <input type="text" size="10" name="ijumlah" placeholder="Jumah Tiket"/><br>
  57.                 <label>Memeber</label>
  58.                 <input type ="checkbox" name="imember"/>Ya<br>
  59.                 <label>Harga Tiket</label>
  60.                 <label id="otiket"></label><br>
  61.                 <label>Diskon</label>
  62.                 <label id="odiskon"></label><br>
  63.                 <label>Total Harga </label>
  64.                 <label id="ototal"></label><br>
  65.                 <input type="submit" value="Submit" >
  66.             </form>
  67.             </div>
  68.     </body>
  69. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement