Javascript 动态添加变量到paypal按钮渲染
我遵循贝宝快速入门教程。我有一个输入字段,用于捕获用户输入的金额。javascript中是否有任何方法可以动态更改以下脚本的数量。我尝试添加一个全局变量,但它不起作用Javascript 动态添加变量到paypal按钮渲染,javascript,paypal,Javascript,Paypal,我遵循贝宝快速入门教程。我有一个输入字段,用于捕获用户输入的金额。javascript中是否有任何方法可以动态更改以下脚本的数量。我尝试添加一个全局变量,但它不起作用 <div id="paypal-button"></div> <script src="https://www.paypalobjects.com/api/checkout.js"></script> <script> paypal.Button.render({
<div id="paypal-button"></div>
<script src="https://www.paypalobjects.com/api/checkout.js"></script>
<script>
paypal.Button.render({
// Configure environment
env: 'sandbox',
client: {
sandbox: 'demo_sandbox_client_id',
production: 'demo_production_client_id'
},
// Customize button (optional)
locale: 'en_US',
style: {
size: 'small',
color: 'gold',
shape: 'pill',
},
// Enable Pay Now checkout flow (optional)
commit: true,
// Set up a payment
payment: function(data, actions) {
return actions.payment.create({
transactions: [{
amount: {
total: '0.01',
currency: 'USD'
}
}]
});
},
// Execute the payment
onAuthorize: function(data, actions) {
return actions.payment.execute().then(function() {
// Show a confirmation message to the buyer
window.alert('Thank you for your purchase!');
});
}
}, '#paypal-button');
paypal.Button.render({
//配置环境
环境:“沙盒”,
客户:{
沙盒:“demo_sandbox_client_id”,
制作:'演示\制作\客户\ id'
},
//自定义按钮(可选)
地点:'en_US',
风格:{
尺寸:'小',
颜色:“金色”,
形状:'药丸',
},
//启用“立即付款”签出流(可选)
承诺:对,
//付款
支付:功能(数据、操作){
返回操作.payment.create({
交易:[{
金额:{
总计:“0.01”,
货币:美元
}
}]
});
},
//执行付款
onAuthorize:函数(数据、操作){
返回actions.payment.execute().then(function()){
//向买方显示确认信息
window.alert('谢谢您的购买!');
});
}
}“#贝宝按钮”);
在事务中,它可以像从字段中获取输入值一样简单,例如:
transactions: [{
amount: {
total: document.getElementById("paymentInput").value,
currency: 'USD'
}
}]
虽然在盲目接受他们的键盘输入之前,我也会做一些输入卫生工作
以下是一个工作示例:
document.getElementById(“submitButton”).addEventListener(“单击”,handleSubmit);
函数handleSubmit(){
让付款=功能(数据、操作){
返回{
交易:[{
金额:{
总计:document.getElementById(“paymentInput”).value,
货币:美元
}
}]
}
}
console.log(`payment of${payment().transactions[0].amount.total}提交`
}
提交
您正试图准确更改哪个值?你想什么时候做?非常感谢你的帮助