تكليفات الدروس من [ 111 ] إلى [ 114 ]
[ 2 ] تكليفات على [ Local Storage ]
التكليف 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
- عند إغلاق الصفحة تأكد أن كل هذه البيانات سيتم حذفها