Advertisement
Guest User

Untitled

a guest
Nov 15th, 2019
119
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="id">
  3.     <head>
  4.         <title>Agung Rizal Suryo Laksono</title>
  5.        
  6.         <style>
  7.             td {
  8.                 padding-top: 35px;
  9.             }
  10.         </style>
  11.     </head>
  12.     <body>
  13.         <form action="#" name="formHitungBarang" method="post" onsubmit="return terbilang()">
  14.             <table>
  15.                 <tr>
  16.                     <th colspan="3"><h1>Hitung Barang</h1></th>
  17.                 </tr>
  18.                
  19.                 <tr>
  20.                     <td><label for="NamaBarang">Nama Barang</label></td>
  21.                     <td>:</td>
  22.                     <td>
  23.                         <select name="nama_barang" id="NamaBarang">
  24.                             <option value="Dell Alienware M15">Dell Alienware M15</option>
  25.                             <option value="Galaxy Tab S6">Galaxy Tab S6</option>
  26.                             <option value="Xiaomi Black Shark">Xiaomi Black Shark</option>
  27.                         </select>
  28.                     </td>
  29.                 </tr>
  30.                
  31.                 <tr>
  32.                     <td><label for="Barang">Harga Barang</label></td>
  33.                     <td>:</td>
  34.                     <td>
  35.                         <input type="number" name="harga_barang" id="Barang" required />
  36.                     </td>
  37.                 </tr>
  38.                
  39.                 <tr>
  40.                     <td><label for="JumlahBeli">Jumlah Beli</label></td>
  41.                     <td>:</td>
  42.                     <td>
  43.                         <input type="number" name="jumlah_beli" id="JumlahBeli" required />
  44.                     </td>
  45.                 </tr>
  46.                
  47.                 <tr>
  48.                     <td>
  49.                         <input type="submit" value="Hitung" />
  50.                     </td>
  51.                 </tr>
  52.             </table>
  53.         </form>
  54.        
  55.         <span id="hasil"></span>
  56.        
  57.         <script>
  58.             function terbilang() {
  59.                 var namaBarang = document.forms["formHitungBarang"]["nama_barang"].value;
  60.                 var hargaBarang = parseInt(document.forms["formHitungBarang"]["harga_barang"].value);
  61.                 var jumlahBeli = parseInt(document.forms["formHitungBarang"]["jumlah_beli"].value);
  62.                 var hasil = document.getElementById("hasil");
  63.                
  64.                 if (jumlahBeli < 1) {
  65.                     hasil.innerHTML = "";
  66.                     alert("Minimal Pembelian 1 Barang");
  67.                 } else {
  68.                     hasil.innerHTML = "Nama Barang " + namaBarang
  69.                     + "<br />Total Harga Bayar " + (hargaBarang * jumlahBeli).toLocaleString()
  70.                     + "<br />Jumlah Terbilang = " + jumlahBeli;
  71.                 }
  72.                
  73.                 return false;
  74.             }
  75.         </script>
  76.     </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement