Кнопка не работает как кнопка, какие ошибки существуют в этом сгенерированном Stripe-коде? - PullRequest
0 голосов
/ 02 ноября 2019

Я просто недостаточно хорошо знаю JS, чтобы определить проблему. Я уверен, что это бросает на меня взгляд. Мне просто нужно, чтобы кнопка функционировала как кнопка. Когда я перемещаю курсор на кнопку и нажимаю, ничего не делаю.

Я пытался добавить тип, как вы можете видеть.

    <!-- Load Stripe.js on your website. -->
    <script src="https://js.stripe.com/v3"></script>

    <!-- Create a button that your customers click to complete their purchase. Customize the styling to suit your branding. -->
    <button
  style="background-color:#6772E5;color:#FFF;padding:8px 12px;border:0;border-radius:4px;font-size:1em"
  id="checkout-button-plan_555xxx555"
  role="link"
  type="button"
>
  Checkout
</button>

<div id="error-message"></div>

<script>
(function() {
  var stripe = Stripe('pk_test_555xxx555');

  var checkoutButton = document.getElementById('checkout-button-plan_G2Z8GjQU8ZihZw');
  checkoutButton.addEventListener('click', function () {
    // When the customer clicks on the button, redirect
    // them to Checkout.
    stripe.redirectToCheckout({
      items: [{plan: '555xxx555', quantity: 1}],

      // Do not rely on the redirect to the successUrl for fulfilling
      // purchases, customers may not always reach the success_url after
      // a successful payment.
      // Instead use one of the strategies described in
      // https://stripe.com/docs/payments/checkout/fulfillment
      successUrl: window.location.protocol + '//cozelosdata.com/success',
      cancelUrl: window.location.protocol + '//cozelosdata.com/canceled',
    })
    .then(function (result) {
      if (result.error) {
        // If `redirectToCheckout` fails due to a browser or network
        // error, display the localized error message to your customer.
        var displayError = document.getElementById('error-message');
        displayError.textContent = result.error.message;
      }
    });
  });
})();
</script>
...