DWS-paris/stripe-form.html

## stripe-form.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Stripe Example</title>
    <script src="https://js.stripe.com/v3/"></script>
</head>
<body>
    <form id="payment-form">
        <div id="card-element"></div>
        <button type="submit">Submit Payment</button>
    </form>

    <script>
        const stripe = Stripe('votre_clé_publique_stripe'); // Remplacez par votre clé publique Stripe
        const elements = stripe.elements();
        const card = elements.create('card');
        card.mount('#card-element');

        const form = document.getElementById('payment-form');
        form.addEventListener('submit', async (event) => {
            event.preventDefault();
            const { token, error } = await stripe.createToken(card);
            if (error) {
                console.error('Erreur de tokenisation:', error);
            } else {
                console.log('Token reçu:', token);
                // Envoyez le token au serveur
                fetch('/process-payment', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({ token: token.id })
                }).then(response => {
                    return response.json();
                }).then(data => {
                    console.log('Réponse du serveur:', data);
                }).catch(error => {
                    console.error('Erreur:', error);
                });
            }
        });
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Stripe Example</title>
	<script src="https://js.stripe.com/v3/"></script>
	</head>
	<body>
	<form id="payment-form">
	<div id="card-element"></div>
	<button type="submit">Submit Payment</button>
	</form>

	<script>
	const stripe = Stripe('votre_clé_publique_stripe'); // Remplacez par votre clé publique Stripe
	const elements = stripe.elements();
	const card = elements.create('card');
	card.mount('#card-element');

	const form = document.getElementById('payment-form');
	form.addEventListener('submit', async (event) => {
	event.preventDefault();
	const { token, error } = await stripe.createToken(card);
	if (error) {
	console.error('Erreur de tokenisation:', error);
	} else {
	console.log('Token reçu:', token);
	// Envoyez le token au serveur
	fetch('/process-payment', {
	method: 'POST',
	headers: {
	'Content-Type': 'application/json'
	},
	body: JSON.stringify({ token: token.id })
	}).then(response => {
	return response.json();
	}).then(data => {
	console.log('Réponse du serveur:', data);
	}).catch(error => {
	console.error('Erreur:', error);
	});
	}
	});
	</script>
	</body>
	</html>