**مهارت‌های لازم:**
+ آشنایی با `JS`
***
می‌خواهیم با استفاده از جاوااسکریپت بر اساس یک لیستی از برخی استان های ایران ، یک`Autocomplete` مطابق با شکل زیر پیاده سازی کنیم.
# پروژه اولیه
پروژه اولیه را از [اینجا](https://quera.ir/qbox/download/kawdB8rKuQ/autocomplete.zip) دانلود کنید. ساختار فایل‌های این پروژه به صورت زیر است.
```
autocomplete
├── app.js
├── index.html
└── styles.css
```
# جزئیات
با شروع به تایپ کردن در `input` یک لیستی از پیشنهادات برای کاربر ظاهر می شود با کلیک کردن بر روی هر کدام از آنها ،`input` مقدار دهی می شود.تغییرات لازم را در فایل `app.js` اعمال کنید.
# نکات
+ توجه داشته باشید هر پیشنهاد باید در یک عنصر `div` با کلاس `item` ساخته شوند.
+ در صورت یافت نشدن یک پیشنهاد می بایست `Not Found!` در یک عنصر با کلاس `not-found` ساخته شود.
+ به محض کلیک شدن بر روی یک پیشنهاد مقدار داخل `input` به آن تغییر می کند.
+ در صورت کلیک شدن بر روی `body` باید لیست ظاهر شده از بین برود.
+ توجه کنید که داوری خودکار بر مبنای نام کلاس های عناصر انجام می‌شود.
+ پروژه را با ساختار زیر ارسال کنید.
```
[your-zip-file-name].zip
└── app.js
```