API tools faq
paste
Advertisement
febripratama

cok

febripratama
Jan 5th, 2018
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.     <h1 align="center">Stikom Jaya</h1>
  5. </head>
  6.         <html> 
  7.             <style>
  8.            
  9.             table, th, td {
  10.                 border: 1px solid black;
  11.                 border-collapse: collapse;}
  12.  
  13.             </style>
  14.  
  15.                 <body>
  16.                         <table align="right">
  17.                               <tr>
  18.                                 <th>KOTA TUJUAN</th>
  19.                                 <th>PROVINSI</th>
  20.                                 <th>HARGA TIKET</th>
  21.                               </tr>
  22.  
  23.                               <tr>
  24.                                 <td>Singaraja</td>
  25.                                 <td>Bali</td>
  26.                                 <td>RP. 100.000</td>
  27.                               </tr>
  28.  
  29.                               <tr>
  30.                                 <td>Gianyar</td>
  31.                                 <td>BALI</td>
  32.                                 <td>RP. 50.000</td>
  33.                               </tr>
  34.  
  35.                               <tr>
  36.                                 <td>Tabanan</td>
  37.                                 <td>BALI</td>
  38.                                 <td>RP. 70.000</td>
  39.                               </tr>
  40.  
  41.                               <tr>
  42.                                 <td>Negara</td>
  43.                                 <td>Bali</td>
  44.                                 <td>RP. 100.000</td>
  45.                               </tr>
  46.  
  47.                               <tr>
  48.                                 <td>Karangasem</td>
  49.                                 <td>BALI</td>
  50.                                 <td>RP. 100.000</td>
  51.                               </tr>
  52.  
  53.                               <tr>
  54.                                 <td>Bangli</td>
  55.                                 <td>Bali</td>
  56.                                 <td>RP. 70.000</td>
  57.                               </tr>
  58.  
  59.                               <tr>
  60.                                 <td>Klungkung</td>
  61.                                 <td>Bali</td>
  62.                                 <td>RP. 70.000</td>
  63.                               </tr>
  64.  
  65.                               <tr>
  66.                                 <td>Jakarta</td>
  67.                                 <td>Jawa</td>
  68.                                 <td>RP. 1.500.000</td>
  69.                               </tr>
  70.  
  71.                               <tr>
  72.                                 <td>Bandung</td>
  73.                                 <td>Jawa</td>
  74.                                 <td>RP. 1.300.000</td>
  75.                               </tr>
  76.                                
  77.                               <tr>
  78.                                 <td>Yogyakarta</td>
  79.                                 <td>Jawa</td>
  80.                                 <td>RP. 1.000.000</td>
  81.                               </tr>
  82.  
  83.                               <tr>
  84.                                 <td>Surabaya</td>
  85.                                 <td>Jawa</td>
  86.                                 <td>RP. 500.000</td>
  87.                               </tr>
  88.                         </table>
  89.  
  90.                    
  91.  
  92.                     <script language="JavaScript">
  93.                         function kumpul() {
  94.                             //fungsi text
  95.                              var namah = (document.form1.Nama_Pemesan.value);
  96.                              //document.form1.h_nama.value = namah;
  97.                document.getElementById("nama_p").innerHTML = namah;
  98.                
  99.                              var alamath = (document.form1.Alamat.value);
  100.                              //document.form1.h_alamat.value = alamath;
  101.                              document.getElementById("alamat_p").innerHTML = alamath;
  102.                
  103.                              var umurh = (document.form1.Umur.value);
  104.                              //document.form1.h_umur.value = umurh;
  105.                              document.getElementById("umur_p").innerHTML = umurh;
  106.                
  107.                             //fungsi radio                         
  108.                             var gender = "";
  109.                              if (form1.male.checked == true)
  110.                               {
  111.                                 var gender = "Male";
  112.                                 //document.form1.h_gender.value = gender;
  113.                   document.getElementById("gender_p").innerHTML = gender;
  114.                               }
  115.                               else
  116.                               {
  117.                                 var gender = "Female";
  118.                                 //document.form1.h_gender.value = gender;
  119.                   document.getElementById("gender_p").innerHTML = gender;
  120.                             }
  121.  
  122.                             // fungsi select
  123.                                      var jurusanh = (document.form1.Jurusan.value);
  124.                                         //document.form1.h_jurusan.value = jurusanh;   
  125.                     document.getElementById("tujuan_p").innerHTML = jurusanh;
  126.                                     // var hargah = (document.form1.Pesan.value);
  127.                                     //  document.form1.h_harga.value = hargah; 
  128.  
  129.                                     var harganya = "";
  130.                                          if (form1.Jurusan.value == 'Singaraja')
  131.                                               {
  132.                                                 var harga = 100000 * 10/100;
  133.                                                 //document.form1.harga.value = harganya;
  134.                           document.getElementById("harga_p").innerHTML = harga;
  135.                                               }
  136.                                               else if (form1.Jurusan.value == 'Gianyar')
  137.                                               {
  138.                                                  var harga = 150000 * 10/100;
  139.                                                 //document.form1.harga.value = harganya;
  140.                           document.getElementById("harga_p").innerHTML = harga;
  141.                                             }
  142.                                                    
  143.            
  144.                             // fungsi textarea
  145.                              var pesanh = (document.form1.Pesan.value);
  146.                                 //document.form1.h_pesan.value = pesanh;   
  147.                 document.getElementById("pesan_p").innerHTML = pesanh;
  148.  
  149.                         }
  150.  
  151.                     </script>
  152.  
  153.                     <form name="form1">            
  154.                         <p> Nama Pemesan &nbsp;&nbsp;:<input type="text" name="Nama_Pemesan"></p>
  155.                         <p> Alamat Pemesan :<input type="text" name="Alamat"></p>
  156.                         <p> Umur &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:<input type="text" name="Umur"></p>
  157.                         <h3>Jenis Kelamin</h3>
  158.                          <input type="radio" name="male" value="male"> Male <br>
  159.                          <input type="radio" name="female" value="female"> Female <br>
  160.                             <br>
  161.                        
  162.                             <br>
  163.                                 Pilih Tujuan :
  164.  
  165.                         <select name="Jurusan" Size="1">
  166.                              <option value ="Singaraja">Singaraja </option>
  167.                              <option value ="Gianyar"> Gianyar </option>
  168.                              <option value ="Tabanan"> Tabanan </option>
  169.                              <option value ="Negara"> Negara </option>
  170.                              <option value ="Karang Asem"> Karang Asem </option>
  171.                              <option value ="Bangli"> Bangli </option>
  172.                              <option value ="Klungkung"> Klungkung </option>
  173.                              <option value ="Jakarta"> Jakarta </option>
  174.                              <option value ="Bandung"> Bandung </option>
  175.                              <option value ="Yogyakarta"> Yogyakarta </option>
  176.                              <option value ="Surabaya"> Surabaya </option>
  177.                            </select>
  178.                             <br>
  179.                              <p> Pesan Khusus :<br>
  180.                             <textarea name="Pesan" rows="4" cols="50"></textarea>
  181.                             <br>
  182.  
  183.                             <input type="button" value="kirim" onclick="kumpul()">
  184.                             <input type="reset" value="Ulang">
  185.    
  186.  
  187.         <H3>Output</H3>
  188.  
  189.                         Nama Penumpang :<b id="nama_p"></b>
  190.                             <br><br>
  191.                         Alamat :<b id="alamat_p"></b>
  192.                             <br><br>
  193.                         Umur :<b id="umur_p"></b>
  194.                             <br><br>
  195.                         Gender :<b id="gender_p"></b>
  196.                             <br><br>
  197.                         Tujuan :<b id="tujuan_p"></b>
  198.                             <br><br>
  199.                         Harga :<b id="harga_p"></b>
  200.                             <br><br>
  201.                         Pesan :<b id="pesan_p"></b>
  202.                             <br><br>
  203.                     </form>
  204.  
  205.                         <br><br><br><br>
  206.                        
  207.  
  208.                
  209.                 </body>
  210.  
  211.            
  212.             </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!