Hola, a todos. Estoy tratando de consumir a una API de una pasarela de Pagos, desde un Boton de pago, en la documentación de ellos me enseñan como hacerlo y funciona correctamente, sin embargo en el ejemplo lo hacen con valores predefinidos, y yo necesito que 2 campos amountInCents y reference, se llenen dinamicamente por decirlo así.
Este es el codigo que tengo hasta el momento, por motivos de seguridad no puedo mostrarles mi publicKey, sin embargo, espero que puedan se amables y me ayuden
<head>
<!-- Uuid -->
<script src="https://cdn.jsdelivr.net/npm/uuid@latest/dist/umd/uuidv4.min.js"></script>
<!-- Wompi Styles-->
<script type="text/javascript" src="https://checkout.wompi.co/widget.js"></script>
</head>
<body>
<button class="btn btn-success w-5" style="margin-bottom: 20px;" onclick="pagar_wompi()">Paga con Wompi</button>
<form>
<input type='number' id="price"></input>
<script>
var reference1 = uuid.v4();
amountInCents1 = document.getElementById(price);
var checkout = new WidgetCheckout({
currency: 'COP',
amountInCents= amountInCents1,
reference= reference1,
publicKey: 'pub_test_2Jb52G0AYuaY8CW4Tf3Gt8ksLgRQWddu',
redirectUrl: 'https://transaction-redirect.wompi.co/check' // Opcional
})
function pagar_wompi() {
checkout.open(function ( result ) {
var transaction = result.transaction
})
}
</script>
</form>
</body>
El campo amountInCents es el valor que el cliente deberá pagar, necesito llenarlo mediante la digitación en una caja de texto input.
y el campo reference, es el numero de factura, lo estoy creando con una libreria que se llama uuidv4 para crear numeros unicos.
espero puedas colaborarme pronto, muchas gracias.