JSFiddle - React, Tailwind, and code Playground

by hectortemich

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/ionic/1.3.2/js/ionic.min.js"></script>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Getting Started</title>
  </head>
  <body>
    <div>Prueba de Pago con Netpay</div>
    <button id='netpay-checkout'
    data-button-title='Continuar'
    data-street1='Filosofos 100' 
    data-country='MX' //Codigo de pais ISO 3166-1 Alfa-2 
    data-city='Monterrey' 
    data-postal-code='64700' 
    data-state='NL' //Estado de pais ISO 3166-1 Alfa-2 
    data-token='tokenAmount_CADtAfyDAWBnThHKuwQacaXxl' //Monto de pago tokenizado
    data-phone-number='8125877000' 
    data-email='accept@netpay.com.mx'
    data-merchant-reference-code='folio-unico-214' //Folio unico generado por comercio
    data-onsuccess='onPaymentSuccess' 
    data-onerror='onPaymentError'
    data-product-count='2' //Cantidad de articulos en carrito  
    data-commerce-name='Nombre del comercio'>
      Pagar
    </button> 
    <script src="https://docs.netpay.mx/cdn/js/latest/checkout.plus.js"></script><!--CDN Netpay-->
    <script>
      NetPay.init('pk_netpay_GjffDZwRpkuKNooyJJwVinajH') <!--Llave publica (pruebas/produccion)-->  
          NetPay.setSandboxMode(true) <!--Bandera de ambientes (prueba/produccion)-->
          function   onPaymentSuccess (r) {
              console.log('Success!', r)
          }

          function onPaymentError (r) {
          console.log('Error!', r)
        }
      </script>
  </body>
</html>

JavaScript

you