در این سوال باید به یک فیلد ورودی کمک کنید تا اعداد بزرگتر از ۱۰۰۰ یا کوچکتر از ۱ را تشخیص دهد. در فایل‌های اولیه، فیلد ورودی به شکل زیر پیاده‌سازی شده است.

همان‌طور که می‌بینید،‌ با دریافت ورودی‌های مختلف رنگ پس‌زمینه‌ی آن ثابت است. شما باید فایل اولیه‌ی desired_input.html را به نحوی تکمیل کنید که با وارد کردن اعداد بزرگتر از ۱۰۰۰ یا کوچکتر از ۱، رنگ پس‌زمینه‌ی آن تغییر کند. نتیجه‌ی مورد انتظار به صورت زیر است.

پروژه اولیه

پروژه اولیه را از اینجا دانلود کنید. ساختار فایل‌های این پروژه به صورت زیر است.

desired_input
├── desired_input.html
└── w3.css

جزئیات

• با دریافت هر عدد کوچکتر از ۱ یا بزرگتر از ۱۰۰۰، رنگ پس‌زمینه‌ی ورودی که شناسه‌ی آن input_number ‌است،‌ به ‍#F5B7B1 تغییر می‌کند.
• اگر بلافاصله ورودی تغییر کند،‌ رنگ پس‌زمینه هماهنگ با آن تغییر می‌کند.
• رنگ اولیه‌ی پس‌زمینه #FFFFFF است.

نکات

• توجه کنید که داوری خودکار بر مبنای شناسه (id) عناصر انجام می‌شود؛ پس شناسه‌ی هیچ عنصری را تغییر ندهید.
• پروژه را با ساختار زیر ارسال کنید.

[your-zip-file-name].zip
└── desired_input.html