5.1 KiB
5.1 KiB
| id | title | isRequired | challengeType | videoUrl | localeTitle |
|---|---|---|---|---|---|
| bd7158d8c442eddfaeb5bd13 | Build a Random Quote Machine | true | 3 | بناء آلة اقتباس عشوائي |
Description
id="quote-box" مناظر id="quote-box" . قصة المستخدم رقم 2: داخل #quote-box ، يمكنني رؤية عنصر له id="text" . قصة المستخدم رقم 3: داخل #quote-box ، يمكنني رؤية عنصر له id="author" . قصة المستخدم رقم 4: داخل #quote-box ، يمكنني رؤية عنصر قابل للنقر به id="new-quote" مناظر id="new-quote" . قصة المستخدم رقم 5: داخل #quote-box ، أستطيع أن أرى كلمة قابلة للنقر مع id="tweet-quote" المقابلة id="tweet-quote" . قصة المستخدم رقم 6: عند التحميل الأول ، يعرض جهاز عرض الأسعار اقتباسًا عشوائيًا في العنصر مع id="text" . قصة المستخدم رقم 7: عند التحميل الأول ، يعرض جهاز عرض الأسعار الخاص بي مؤلف الاقتباس العشوائي في العنصر مع id="author" . قصة المستخدم رقم 8: عندما يتم النقر على الزر #new-quote ، يجب أن يجلب جهاز عرض الأسعار الخاص بي عرض أسعار جديدًا #text عنصر #text . قصة المستخدم رقم 9: يجب أن تحضر جهاز عرض الأسعار الخاص بي مؤلف الاقتباس الجديد عندما يتم النقر على زر #new-quote وعرضه في عنصر #author . قصة المستخدم # 10: أستطيع أن تغرد الاقتباس الحالي بالضغط على #tweet-quote a العنصر. هذا a ينبغي أن تتضمن عنصرا من "twitter.com/intent/tweet" المسار في انها href السمة إلى تغرد الاقتباس الحالي. قصة المستخدم رقم 11: يجب أن يكون عنصر مجمّع #quote-box أفقيًا في الوسط. يرجى تشغيل اختبارات بمستوى التكبير في المتصفح بنسبة 100٪ وزيادة حجم الصفحة. يمكنك بناء مشروعك عن طريق تسجيل قلم CodePen هذا . أو يمكنك استخدام رابط CDN هذا لتشغيل الاختبارات في أي بيئة تفضلها: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js بمجرد الانتهاء ، أرسل عنوان URL إلى عملك مشروع مع كل اختباراتها تمر. تذكر استخدام طريقة Read-Search-Ask إذا واجهتك مشكلة. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required