Form Pembayaran Online
{paymentStatus && ({paymentStatus}
)}Order
import { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";
export default function PaymentForm() {
const [formData, setFormData] = useState({
name: "",
email: "",
amount: "",
cardNumber: "",
expiry: "",
cvv: ""
});
const [paymentStatus, setPaymentStatus] = useState(null);
const handleChange = (e) => {
setFormData({ ...formData, [e.target.name]: e.target.value });
};
const handlePayment = (e) => {
e.preventDefault();
// Simulasi pembayaran sukses setelah validasi sederhana
if (formData.name && formData.amount && formData.cardNumber) {
setPaymentStatus("Pembayaran berhasil!");
} else {
setPaymentStatus("Silakan lengkapi semua data.");
}
};
return (
);
}
Post a Comment