title: Stripe Checkout is not defined reference error
body: <p>I am trying to put Stripe into my web page to accept payments. But whenever I load the page I get an error saying that stripeCheckout is not defined. I know this has to do with the library imported in one of my script tags, but I am not sure why it is showing up as undefined. The library imported I thought was correct. Here is my code:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
  
  
  
  
  
      &lt;!-- CSS Link --&gt;
      &lt;link rel="stylesheet" href="styles.css"&gt;
  
      &lt;title&gt;Store&lt;/title&gt;
  
      &lt;script src="https://checkout.stripe.com/checkout.js" defer&gt;&lt;/script&gt;
  &lt;script&gt;
      var stripePublicKey = '&lt;%= stripePublicKey %&gt;'
  &lt;/script&gt;
  &lt;script src="store.js" defer&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>and this in my store.js file </p>
  
  <pre><code>const stripeHandler = stripeCheckout.configure({
      key: stripePublicKey,
      locale: 'auto',
      token: function(token){
  
      }
  })
  
  // Removes cart items after they are purchased
  const purchaseItems = () =&gt; {
      // let cartItems = document.getElementsByClassName('cart-items')[0]
      // while(cartItems.hasChildNodes()){
      //     cartItems.removeChild(cartItems.firstChild)
      // }
      // updateCartTotal()
  
      let priceElement = document.getElementsByClassName('cart-total-price')[0]
      let price = parseFloat(priceElement.innerText.replace('$', '')) * 100
      stripeHandler.open({
          amount: price
      })
  }
  </code></pre>