ظاهر کلی برنامه به این صورت است:
پروژه اولیه را از این لینک دانلود کنید.
ساختار فایلهای این پروژه به صورت زیر است:
در این سوال میخواهیم وقتی کاربر شماره کارت خود را وارد یا حذف کرد، به طور خودکار به input بعدی یا قبلی برود.
در این برنامه ما شاهد چهار input هستیم که هر کدام از آنها، نماینده چهار رقم از شماره کارت هستند. هر کدام از از آنها با data-order
در HTML مشخص شدهاند.
شما باید با از استفاده از JS*، برنامهای بنویسید که وقتی کاربر چهار رقم را وارد *input کرد، به طور خودکار وارد input بعدی شود یا وقتی رقمها را حذف کرد و input خالی شد، به input قبلی برود.
همچنین اگر کاربر خودش از input اول به input سوم برود، باید چینش و ترتیب حفظ شود و از همان input سوم، تایپ کردن ادامه پیدا کند و به input اول نرود.
max-length
در HTML مشخص شده است. پس نیازی نیست اعتبارسنجی این که کاربر به جای عدد، حروف وارد کند یا این که در هر input، چند رقم وارد کند توسط شما انجام شود. keyboard events
و متود focus
کمک بگیرید.main.js
هستید و فایل ارسالی شما هم باید main.js
باشد.