Form JasaBayar
4 years ago in HTML
<!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>