crud system

تطبيق ويب بسيط وفعال يعتمد على تقنية JavaScript لتنفيذ عمليات الإدخال والقراءة والتعديل والحذف (CRUD) لبيانات المستخدمين.

واجهة تفاعلية تتيح للمستخدم تسجيل بيانات مثل الاسم، البريد الإلكتروني، رقم الهاتف، والرسالة، مع إمكانية عرضها في جدول ديناميكي والتحكم الكامل فيها.

Createيمكن إدخال بيانات مستخدم جديدة من خلال النموذج (Name, Email, Number, Message).

Readيتم عرض جميع البيانات المدخلة في جدول يحتوي على الأعمدة ID، الاسم، الإيميل، الرقم، والرسالة.

️ Update(اختياري) يمكن توسيعه لتعديل البيانات الحالية عند الحاجة.

Deleteيحتوي كل سجل على زر "Delete" لحذفه من الجدول مباشرة.

? Clear Allزر "Clear All Data" لمسح جميع البيانات دفعة واحدة.

نموذج الإدخال:

UserName - إدخال اسم المستخدم

UserEmail - البريد الإلكتروني

UserNumber - رقم الهاتف

UserMassage - رسالة المستخدم

زر Send لحفظ البيانات

جدول عرض البيانات:

يحتوي على الأعمدة:

ID: رقم تسلسلي لكل سجل

UserName, UserEmail, UserNumber, UserMassage

Controls: زرين لكل سجل (مثل Delete)

ربط المشروع بـ LocalStorage لحفظ البيانات حتى بعد إغلاق الصفحة