در این سوال باید به یک فیلد ورودی کمک کنید تا اعداد بزرگتر از ۱۰۰۰ یا کوچکتر از ۱ را تشخیص دهد.
در فایلهای اولیه، فیلد ورودی به شکل زیر پیادهسازی شده است.
![ورودی مطلوب ۱](https://quera.ir/qbox/view/EoSdeD7u8e/desired-input-1.gif)
همانطور که میبینید، با دریافت ورودیهای مختلف رنگ پسزمینهی آن ثابت است.
شما باید فایل اولیهی `desired_input.html` را به نحوی تکمیل کنید که
با وارد کردن اعداد بزرگتر از ۱۰۰۰ یا کوچکتر از ۱، رنگ پسزمینهی آن تغییر کند.
نتیجهی مورد انتظار به صورت زیر است.
![ورودی مطلوب ۲](https://quera.ir/qbox/view/HDEgi5f9Fh/desired-input-2.gif)
# پروژه اولیه
پروژه اولیه را از
[اینجا](https://quera.ir/qbox/download/F4tdEnWZEn/desired-input.zip)
دانلود کنید.
ساختار فایلهای این پروژه به صورت زیر است.
```
desired_input
├── desired_input.html
└── w3.css
```
# جزئیات
- با دریافت هر عدد کوچکتر از ۱ یا بزرگتر از ۱۰۰۰،
رنگ پسزمینهی ورودی که شناسهی آن `input_number` است، به `#F5B7B1` تغییر میکند.
- اگر بلافاصله ورودی تغییر کند، رنگ پسزمینه هماهنگ با آن تغییر میکند.
- رنگ اولیهی پسزمینه `#FFFFFF` است.
# نکات
- توجه کنید که داوری خودکار بر مبنای شناسه (`id`) عناصر انجام میشود؛
پس شناسهی هیچ عنصری را تغییر ندهید.
- پروژه را با ساختار زیر ارسال کنید.
```
[your-zip-file-name].zip
└── desired_input.html
```