-
Notifications
You must be signed in to change notification settings - Fork 0
/
payment.js
49 lines (46 loc) · 1.68 KB
/
payment.js
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
const form = document.querySelector("form"); // Selecting the form element
// Event listener for keyup event inside the form
form.addEventListener("keyup", ()=>{
// Retrieving the entered value for amount to be paid
const amountToBePaid = form.children[1].value;
// Initializing Razorpay with the entered amount
initializeRazorpay(amountToBePaid);
});
// Function to initialize Razorpay with payment options
function initializeRazorpay(amountToBePaid) {
// Payment options for Razorpay
var options = {
key: 'rzp_test_EWnKpBs49MC8ce',
amount: amountToBePaid * 100,
currency: 'INR',
name: 'Arya Funds',
description: 'Payment for your product or service',
image: 'https://scalebranding.com/wp-content/uploads/2022/02/Thunder-Lion-Energy-Logo.jpg',
handler: function (response) {
// alert('Payment successful! Payment ID: ' + response.razorpay_payment_id);
},
// user detail can be manipulated using logged in user's detail
prefill: {
name: 'Aadarsh Raj',
email: 'aryaraj.dev.js.com',
contact: `${Math.floor(1000000000 + Math.random() * 9000000000)}`,
},
notes: {
address: 'Razorpay Corporate Office',
},
theme: {
color: '#191734',
},
};
// Creating a new Razorpay instance with the provided options
var rzp = new Razorpay(options);
document.getElementById('rzp-button1').onclick = function (e) {
// Event listener for button click to initiate payment
if(amountToBePaid < 100){
alert("Minimum value should be 100");// Alert if amount is less than 100
return;
}
rzp.open(); // Opening Razorpay payment popup
e.preventDefault();// Preventing default button click behavior
};
}