ChuckleMaster:3000

₹130.00

Preview
Code

Are you ready to upgrade your computing experience from "ho-hum" to "ha-ha"? Say hello to the ChuckleMaster:3000, the computer that's more fun than a barrel of monkeys on a trampoline! We've packed this technological marvel with more humor than a stand-up comedy convention, and it's guaranteed to keep you laughing through all your computing adventures.

PCI Compliant Secured Customizable

visa 4111 1111 1111 1111

Card

Expiry Date

CVV

Name on the card

You will need a payment_session_id to try out this code. Search for yourPaymentSession and replace with yours.

<!DOCTYPE html>
<html lang="en">
	
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>
	</head>

	<body>
		
		<div id="cardNumber" />
		<div id="cardCvv" />
		<div id="cardExpiry" />
		<div id="cardHolder" />
		<div id="cardSave" />
		<input type="button" id="payBtn" value="Pay" />

	<script>
		
		const cashfree = await load({ 
			mode: "sandbox", //or production
		});

		const cardComponent = cashfree.create("cardNumber", {});
		cardComponent.mount("#cardNumber");

		const cardCvv = cashfree.create("cardCvv", {});
		cardCvv.mount("#cardCvv");

		const cardExpiry = cashfree.create("cardExpiry", {});
		cardExpiry.mount("#cardExpiry");

		const cardHolder = cashfree.create("cardHolder", {});
		cardHolder.mount("#cardHolder");

		const showError = function(e){
			alert(e.message)
		}

		const cardSave = cashfree.create("savePaymentInstrument", {
            values: {
				label: "Save your card for faster checkout",
            }
        });
        cardSave.mount("#cardSave");

		document.querySelector("#payBtn").addEventListener("click", async () => {
			const myWindow = window.open("", "MsgWindow", "width=800,height=600");
			cashfree.pay({
				paymentMethod: cardComponent,
				paymentSessionId: "yourPaymentSession",
				returnUrl: "https://merchantsite.com/return?order_id={order_id}",
				savePaymentInstrument: cardSave,
			}).then(function (data) {
				if (data != null && data.error) {
					return showError(data.error)
				}
			});
		})
		</script>
	</body>
</html>


`1`	`<!DOCTYPE html>`
`2`	`<html lang="en">`
`3`
`4`	`<head>`
`5`	`<meta charset="UTF-8">`
`6`	`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
`7`	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
`8`	`<title>Document</title>`
`9`	`<script src="https://sdk.cashfree.com/js/v3/cashfree.js"></script>`
`10`	`</head>`
`11`
`12`	`<body>`
`13`
`14`	`<div id="cardNumber" />`
`15`	`<div id="cardCvv" />`
`16`	`<div id="cardExpiry" />`
`17`	`<div id="cardHolder" />`
`18`	`<div id="cardSave" />`
`19`	`<input type="button" id="payBtn" value="Pay" />`
`20`
`21`	`<script>`
`22`
`23`	`const cashfree = await load({`
`24`	`mode: "sandbox", //or production`
`25`	`});`
`26`
`27`	`const cardComponent = cashfree.create("cardNumber", {});`
`28`	`cardComponent.mount("#cardNumber");`
`29`
`30`	`const cardCvv = cashfree.create("cardCvv", {});`
`31`	`cardCvv.mount("#cardCvv");`
`32`
`33`	`const cardExpiry = cashfree.create("cardExpiry", {});`
`34`	`cardExpiry.mount("#cardExpiry");`
`35`
`36`	`const cardHolder = cashfree.create("cardHolder", {});`
`37`	`cardHolder.mount("#cardHolder");`
`38`
`39`	`const showError = function(e){`
`40`	`alert(e.message)`
`41`	`}`
`42`
`43`	`const cardSave = cashfree.create("savePaymentInstrument", {`
`44`	`values: {`
`45`	`label: "Save your card for faster checkout",`
`46`	`}`
`47`	`});`
`48`	`cardSave.mount("#cardSave");`
`49`
`50`	`document.querySelector("#payBtn").addEventListener("click", async () => {`
`51`	`const myWindow = window.open("", "MsgWindow", "width=800,height=600");`
`52`	`cashfree.pay({`
`53`	`paymentMethod: cardComponent,`
`54`	`paymentSessionId: "yourPaymentSession",`
`55`	`returnUrl: "https://merchantsite.com/return?order_id={order_id}",`
`56`	`savePaymentInstrument: cardSave,`
`57`	`}).then(function (data) {`
`58`	`if (data != null && data.error) {`
`59`	`return showError(data.error)`
`60`	`}`
`61`	`});`
`62`	`})`
`63`	`</script>`
`64`	`</body>`
`65`	`</html>`
`66`