简单的JavaScript事件侦听器不响应事件

Question

Stripe文档提供了以下示例JS代码：

var cardholderName = document.getElementById('cardholder-name');
var cardButton = document.getElementById('card-button');

cardButton.addEventListener('click', function(ev) {
  stripe.createPaymentMethod('card', cardElement, {
    billing_details: {name: cardholderName.value}
  }).then(function(result) {
    if (result.error) {
      // Show error in payment form
    } else {
      // Otherwise send paymentMethod.id to your server (see Step 2)
      fetch('/ajax/confirm_payment', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ payment_method_id: result.paymentMethod.id })
      }).then(function(result) {
        // Handle server response (see Step 3)
        result.json().then(function(json) {
          handleServerResponse(json);
        })
      });
    }
  });
});

可以在以下网址找到代码：https://stripe.com/docs/payments/payment-intents/quickstart#collect-payment-method

但是，在测试网页中，它什么也没做。

我将代码剥离为最基本的形式：

var cardButton = document.getElementById('card-button');

cardButton.addEventListener('click', function(ev) {
    console.log('wub');
});

因此，当我单击按钮时，我希望控制台记录wub，但是控制台什么也不记录。

这对我来说毫无意义，因为它是Stripe提供的确切代码。