<body>
<div id="dropin-container"></div>
<button id="submit-button">Pay</button>
</body>
<script>
let button = document.querySelector("#submit-button");
braintree.dropin.create({
authorization: "sandbox_tj235dtb_55fq56mnmqf6wz2x",
container: "#dropin-container"
}, function(createErr, dropin) {
if(createErr){
console.log(createErr);
}
button.addEventListener('click', function (){
dropin.requestPaymentMethod(function (requestPaymentMethodErr, payload){
if(requestPaymentMethodErr){
console.log(requestPaymentMethodErr);
}
console.log(payload);
});
});
});
</script>
</html>
<html>
<head>
<script src="https://js.braintreegateway.com/web/dropin/1.10.0/js/dropin.min.js"></script>
</head>
