stripe registerElement not defined

Question

I am trying to use Example2 from stripe

my jscript is

<script src="https://js.stripe.com/v3/"></script>
<script>
      var stripe = Stripe('test key');
      var elements = stripe.elements();
      example2.js per link above
</script>

I am getting an error on the last line of example2.js

registerElements([cardNumber, cardExpiry, cardCvc], 'example2'); (Not Defined)

Suggestions welcome.. thanks

Answer 1

I just realized that - in 2021 - GitHub can do this :

Answer 2

You're right, there's a bug in the repo... You can fix it by importing the function from here

function registerElements(elements, exampleName) {
  var formClass = '.' + exampleName;
  var example = document.querySelector(formClass);

  var form = example.querySelector('form');
  var resetButton = example.querySelector('a.reset');
  var error = form.querySelector('.error');
  var errorMessage = error.querySelector('.message');

  function enableInputs() {
    Array.prototype.forEach.call(
      form.querySelectorAll(
        "input[type='text'], input[type='email'], input[type='tel']"
      ),
      function(input) {
        input.removeAttribute('disabled');
      }
    );
  }

You should submit an issue to the owner of the repo here