یک صفحهٔ وب ساده بسازید که با کلیک روی یک دکمه رنگ پسزمینه را بهصورت چرخهای تغییر دهد و با فشردن کلیدهای جهتنما (ArrowUp و ArrowDown) مقدار یک شمارنده را افزایش یا کاهش دهد.
3.0 بازدید آخرین ویرایش در 202 روز قبل ساعت 02:48 0.0
برای حل این مسئله از HTML و CSS برای ساختار و ظاهر و از JavaScript برای مدیریت رویدادها استفاده کنید: با querySelector المانها را انتخاب کنید و با addEventListener به دکمه رویداد 'click' و به document یا یک المان فوکوسپذیر رویداد 'keydown' اضافه کنید، در handler با استفاده از event.key تشخیص دهید کدام کلید زده شده و مقدار شمارنده یا کلاس/استایل پسزمینه را تغییر دهید؛ برای کلیدهای جهتنما ممکن است نیاز به event.preventDefault() داشته باشید تا رفتار پیشفرض مرورگر غیرفعال شود و همیشه DOM را با innerText یا classList بروزرسانی کنید.
توسط پژوهشگر در 202 روز قبل ساعت 02:48 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای پیادهسازی بهتر، یک آرایه از رنگها داشته باشید و با نگه داشتن یک اندیس و انجام عملیات مدولو، به رنگ بعدی یا قبلی بروید. از رویداد keydown روی یک المان فوکوسپذیر استفاده کنید و با event.key برابر ArrowUp یا ArrowDown مقدار شمارنده را تغییر بدهید. برای جلوگیری از رفتار پیشفرض مرورگر با کلیدهای جهتنما، از event.preventDefault() استفاده کنید. همچنین هر بار تغییر، مقدار نمایش دادهشده و پسزمینه با استفاده از innerText و کلاسهای CSS همگامسازی شوند.
گزارش