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