Form JasaBayar
3 years ago in HTML
Raw Download 
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Form</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
  <h2>Mulai Transaksi</h2>
  <form>
    <div class="form-group">
      <label for="LinkProduk">Link Produk:</label>
      <input type="url" class="form-control" id="Linkproduk" placeholder="www.ebay.com" name="LinkProduk">
    </div>
    <div class="form-group">
      <label for="MataUang">Mata Uang:</label>
      <select id="MataUang" class="form-control">
		<option value="0">USD</option>
	  </select>
    </div>
    <div class="form-group">
      <label for="HargaProduk">Harga Produk:</label>
      <input type="number" class="form-control" id="HargaProduk" placeholder="100" name="HargaProduk">
    </div>
    <div class="form-group">
      <div>
		<p>==== ORDER ====<br>
			- Harga Produk : <b id='hp'>[Mata Uang] [Harga Produk]</b><br>
			- Rate <b>[Mata Uang]</b> : <b id='rate'>Rp </b><br>
			- Fee Admin : <b id='fa'>Rp </b><br>
			- Kode Unik : <b id='ku'>Rp </b><br>
			TOTAL = Harga produk x Rate + Fee + Kode Unik
		</p>
		<h4 id='total'>Rp </h4>
      </div>
    </div>
	<hr>
	<h3>Kebutuhan</h3>
	<p class="form-group">
	✅ Form Option pada <b>Mata Uang</b> di ambil dari data JSON API <b>https://kurs-btpn.vercel.app/api</b><br>
	✅ Realtime calculation (JavaScript). jadi kalau misal mata uang yang dipilih <b>USD</b>, Harga Produk <b>50</b>, dan rate dollar adalah <b>Rp 10.000</b> maka hasilanya:<br>
	<p>==== ORDER ====<br>
			- Harga Produk : <b id='hp'>USD 50</b><br>
			- Rate USD : <b id='rate'>Rp 10.000</b><br>
			- Fee Admin : <b id='fa'>Rp 35.000</b><br>
			- Kode Unik : <b id='ku'>Rp 13</b><br>
			TOTAL = Harga produk x Rate + Fee + Kode Unik
		</p>
		<h4 id='total'><b>Rp 535.013</b></h4>
	</p>
	✅ Tombol Order terintegrasi dengan Whatsapp. Contoh <a href="https://api.whatsapp.com/send?phone=6285298296919&text=JasaBayar.web.id%0ARate%20Dolar%20Saat%20ini%20%3D%20Rp.%2015590%0A%3D%3D%3D%3D%20%2AORDER%2A%20%3D%3D%3D%3D%0A-%20Link%20Produk%20%3A%20https%3A%2F%2Fwww.jasabayar.web.id%2F%0A-%20Harga%20Produk%20%3A%2050%24%0A-%20Fee%20Admin%20Fix%20%26%20Bank%20%241%20%3A%20Rp.%2035.000%0A-%20Kode%20Unik%20%3A%20Rp.%20985%0ATOTAL%20%3D%20%24%20x%20Rate%20%2B%20Fee%20%2B%20Kode%20Unik%20%3D%20%2ARp.%20831.075%2A%0A%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%3D%0ASilahkan%20Transfer%20sesuai%20dengan%20%2ATOTAL%2A%20%28%20%2ARp.%20831.075%2A%20%29%20biaya%20yang%20tertera%20pada%20rekening%20kami%0ABank%20BTPN%20%3A%20900-120-72564%20a%2Fn%20Muhammad%20Izul%20Wahidin" target="_blank">Whatsapp</a> 
	<hr>
    <button type="submit" class="btn btn-default">ORDER via Whatsapp</button>
  </form>
</div>
</body>
</html>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
Recent Public Pastes
PRIVATE VIDEO COLLECTION HD WEBCAM JB VIDS MEGA LINKS - 3 hours ago Top App Development Companies 2024 - 1 day ago cheat_table_frostpunk_2_v20240425_plus_17.zip – 1.12 MB - 2 days ago Untitled - 3 days ago https://desitv.dinesh29.com.np/desitv-universal.m3u - 3 days ago testing - 4 days ago Untitled - 4 days ago Untitled - 4 days ago Untitled - 5 days ago Untitled - 1 week ago