نظام إدارة المنتجات

هذا العمل هو صفحة ويب بسيطة تحتوي على نظام CRUD (إنشاء، قراءة، تحديث، حذف) لإدارة المنتجات. الصفحة تستخدم لغات HTML وCSS وJavaScript لبناء وتنسيق وإضافة الوظائف التفاعلية.

تفاصيل العمل:

1. في الجزء العلوي من الصفحة، يوجد عنوان رئيسي "My Products" يعرض عنوان الصفحة.

2. الصفحة تحتوي على نموذج "form" يسمح للمستخدم بإدخال بيانات المنتج.

- يحتوي النموذج على حقول مختلفة مثل اسم المنتج، وسعر المنتج، وفئة المنتج، ووصف المنتج.

- كل حقل مرفق به عنصر "span" يستخدم لعرض رسائل الخطأ في حالة وجود أخطاء في إدخال المستخدم.

- يوجد زر "Save" يسمح بحفظ المنتج المدخل.

3. في الجزء السفلي من الصفحة، يتم عرض المنتجات المحفوظة في شكل جدول.

- الجدول يحتوي على أربعة أعمدة: اسم المنتج، سعر المنتج، فئة المنتج، ووصف المنتج.

- يتم عرض المنتجات المحفوظة في صفوف المحتوى بين عناصر "table body" في الجدول.

- في كل صف، يوجد عمود "Operations" يحتوي على أزرار للتعديل والحذف لكل منتج.

4. الصفحة تحتوي على ملفات CSS و JavaScript المرتبطة.

- ملف "style.css" يحتوي على تنسيقات CSS للصفحة والعناصر المختلفة.

- ملف "script.js" يحتوي على البرمجة اللازمة لإضافة وتعديل وحذف المنتجات بواسطة JavaScript.

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