Намерение платежа Stripe для реализации динамической суммы цены для встроенной формы платежа ⇐ Javascript

[Anonymous]

Я пытаюсь создать намерение по полосам платежей для приложения по сбору арендной платы. У меня возникли проблемы с отрисовкой элементов платежей Stripe. Моя консоль не показывает ошибку, а консоль Chrome говорит: «Проверьте, нет ли опечатки в Stripe». Я просматривал, даже со вторым пилотом, и не могу не обнаружить проблему. Ниже приведен мой javascript для отображения встроенных элементов формы оформления заказа и моего checkout.html. Можете ли вы обнаружить какие-либо проблемы и обновить это, чтобы отобразить форму для сбора платежных данных?
JAVASCRIPT:

async function initializePayment(amount) {
const response = await fetch("/create-payment-intent", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ amount: amount }) // amount in cents
});
const { clientSecret } = await response.json();

const elements = stripe.elements({ clientSecret });

const addressElement = elements.create("address", { mode: "billing" });
addressElement.mount("#billing-address-element");

const paymentElement = elements.create("payment");
paymentElement.mount("#payment-element");

document.querySelector("#payment-form").addEventListener("submit", async (e) => {
e.preventDefault();
const { error } = await stripe.confirmPayment({
elements,
confirmParams: {
return_url: "http://localhost:8080/complete.html",
},
});
if (error) {
document.querySelector("#error-message").textContent = error.message;
} else if (paymentIntent && paymentIntent.status === "succeeded") {
document.querySelector("#success-message").textContent = "Payment successful!";
}
});
}

initializePayment();

HTML FORM:

Billing Address

Payment

Pay now





Подробнее здесь: https://stackoverflow.com/questions/798 ... mbedded-pa