JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://checkout.stripe.com/checkout.js"></script>
<button class="btn btn-primary btn-large" id="stripe-demo">Subscribe</button>

JavaScript

var handler = StripeCheckout.configure({
    key: "pk_test_6pRNASCoBOKtIshFeQd4XMUh",
    image: "https://stripe.com/img/documentation/checkout/marketplace.png",
    name: "TEST",
    description: "Pro Subscription ($9.95 per month)",
    panelLabel: "Subscribe",
    allowRememberMe: false
});
var x = 9.95;
document.getElementById('stripe-demo').addEventListener('click', function (e) {
    handler.open({
        name: 'Pro',
        description: 'pro',
        amount: x * 100
    });
});