تكليفات JavaScript Bootcamp من الدرس 111 إلى 114

[ 2 ] تكليفات خاصة ب [ Local Storage ]

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

المقاطع المطلوب مشاهدتها

الدروس من رقم 111 إلى رقم 114 من الدورة التعليمية الموجودة هنا

التكليف 01

  • قم بإستدعاء 3 خطوط من Google Fonts في الصفحة “Open Sans, Cairo, Roboto”
  • قم بإنشاء Three Select Boxes
  • الأول يحتوي على Three Options وهم أسماء الخطوط التي قمت بإستدعائها “Open, Cairo, Roboto”
  • الثاني يحتوي على Six Options فيهم اي 6 الوان تختارهم
  • الثالث يحتوي Options فيها على أحجام الخطوط من 16 إلى 30
  • في كل Select Box تكون القيمة الإفتراضية هي أول قيمة
  • كل قيمة إفتراضية تكون مطبقة بال CSS في الصفحة
  • الآن كل ما عليك هو إتاحة إختيار هذه الخيارات من الشخص وتطبيقها مباشرة في الصفحة عند الإختيار
  • حفظ هذه الخيارات في ال Local Storage
  • إذا قام الشخص بإغلاق الصفحة أو عمل Reload يجب تطبيق ما قام بإختياره سابقا وأيضا تغيير الإختيار داخل ال Select Boxes

التكليف 02

  • قم بإنشاء Form تحتوي على 3 حقول إدخال و 1 Select Box
  • يمكنك إضافة أي 3 أنواع حقول إدخال تختارها
  • قم بإضافة 5 Options من إختيارك لل Select Box
  • يجب التأكد انه في حالة عمل Reload للصفحة لن يتم حذف القيم التي كتبها الشخص داخل حقول الإدخال
  • يجب التأكد أنه في حالة عمل Reload للصفحة يتم إختيار ما اختاره الشخص سابقا في ال Select Box
  • عند إغلاق الصفحة تأكد أن كل هذه البيانات سيتم حذفها

تسليم ومراجعة الحلول

الحلول النموذجية هي هدية للداعمين يمكنك الإنضمام للداعمين لترى جميع الحلول من هنا

من جوجل

0 تعليقات


    اترك تعليقاً