فرانتیوم این روزها حالِ جالبی ندارد; درس می‌خوانَد، کار می‌کند، حتی تفریح هم می‌کند، اما انگار فکرهای زیادی که توی سرش می‌چرخد و احساسِ از‌دست‌رفته‌اش باعث شده نسبت به همه‌چیز سِر باشد!

تنها چیزی که فرانتیوم را روی پا نگه داشته، فقط و فقط کار کردن بود — یادتان هست؟ ذهنش هم خیلی خلاق بود؛ برای همین تصمیم گرفت با ایموجی‌های مختلف و رنگ‌های گوناگون کاری کند تا ذهنِ آشفته‌اش را به تصویر بکشد.

پروژه‌ی اولیه

برای دانلود پروژه‌ی اولیه روی این لینک کلیک کنید.

happy_sad_angry/
├─ icons/
│  ├─ angry.png
│  ├─ happy.png
│  └─ sad.png
├─ index.html
├─ index.js
└─ styles.css

جزئیات پیاده‌سازی

پس از پیاده‌سازی کامل و صحیح تمام موارد ذکرشده، باید نتیجه‌ای مشابه تصویر زیر مشاهده کنید:

آنچه باید آپلود کنید

• توجه: در صورتی که تمام موارد را پیاده‌سازی کرده‌اید، اما نتیجه‌ی دلخواه مشاهده نمی‌شود، ممکن است نیاز باشد به تگ script پراپتی‌ای اضافه کنید یا از یک رویداد (event) جاوا اسکریپتی در فایل index.js استفاده کنید تا مشکل برطرف شود.

• توجه: در این سوال شما مجاز به ایجاد تغییرات در فایل‌های index.html و index.js هستید.

• توجه: پس از اعمال تغییرات، این دو فایل را در یک فایل Zip قرار داده و آپلود کنید.