تكليفات JavaScript Bootcamp من الدرس 094 إلى 101

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

---

التكليف 01

• لديك مجموعة روابط موجودة في الصفحة وأماكنها تتغير بطريقة عشوائية
• جميع الروابط تحتوي على Classes مختلفة
• المطلوب فتح الرابط الذي يحتوي على Class بإسم “open” والنص داخل الرابط هو “Elzero”
• يجب مراعاة أن ال Code سيتم كتابته داخل Script Tag في ال Head
• يفضل إستخدام ال Class List Object Methods للتدريب على ما تعلمته

---

التكليف 02 تحدي

• شاهد الشكل التالي
• لديك حقلين إدخال واحد لإضافة ال Classes على العنصر ال Current والثاني لحذف ال Classes من العنصر Current
• عملية الإضافة تتم بمجرد الخروج من حقل الإدخال Blur
• تأكد أن إسم ال Class يتم إضافته ك Small Letters بغض النظر عن المدخل
• إذا قام الشخص بكتابة كلمتين بينهم مسافات يتم إضافتهم ك Two Classes أو حذفهم ك Two Classes أيضا
• عند الخروج من حقل الإدخال تأكد أن تحذف القيمة الموجودة به
• يجب التأكد أن الحقل غير فارغ قبل الخروج منه حتى لا يظهر اي خطأ
• يجب عليك عمل Function يتم تشغيلها كل مرة تقوم بالخروج من حقول الإدخال
• وظيفة ال Function هي عرض ال Classes الموجودة على العنصر Current في مكان النتيجة في الأسفل
• ال Function تقوم بترتيب أسماء ال Classes أبجديا قبل إظهارها
• إذا لم يكن هناك أي Classes على العنصر نظهر رسالة "No Classes To Show"
• شاهد الشكل لتعرف المطلوب

المثال لتوضيح الفكرة

---

التكليف 03

• لديك عنصرين موجودين في الصفحة عبارة عن Div و Paragraph
• المطلوب إزالة ال Paragraph من الصفحة تماما
• أما بخصوص ال Div المطلوب وضع عنصر قبله وعنصر بعده فيهم المطلوب في المثال بالأسفل

---

التكليف 04

• لديك البنية التالية في الصفحة
• المطلوب الوصول لكلمة "Elzero" بدون اي مسافات أو New Line
• المطلوب جلبها من داخل العنصر وليس كتابتها بيدك 😀

---

التكليف 05

• لديك في الصفحة جميع عناصر ال HTML ولكن وضعنا منها 5 عناصر فقط
• المطلوب عند الضغط على أي من العناصر طباعة رسالة في ال Console فيها التالي This Is "Element Type"
• الحل بسيط جدا ويكن يحتاج لبعض البحث لكيفية الوصول لنوع العنصر

---

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