با استفاده از JavaScript بنویسید که با کلیک روی یک دکمه، رنگ پسزمینه و اندازهٔ فونت یک پاراگراف را تغییر دهد و با کلیک مجدد به حالت اولیه بازگرداند.
1.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:39 0.0
برای حل این مسئله میتوانید یک المان پاراگراف و یک دکمه در HTML داشته باشید و با استفاده از document.getElementById یا document.querySelector المانها را انتخاب کنید، سپس با addEventListener('click') روی دکمه یک تابع اجرا کنید که با استفاده از classList.toggle یک کلاس CSS (مثلاً .highlight) را به پاراگراف اضافه یا حذف کند؛ تعریف سبکها در CSS (background-color و font-size) جداسازی مسئولیتها را ساده میکند. نکات مفید: اگر مستقیم از style استفاده میکنید از camelCase مانند element.style.backgroundColor و واحدها مثل '18px' استفاده کنید؛ اسکریپت را قبل از تگ قرار دهید یا از رویداد DOMContentLoaded استفاده کنید تا عناصر قبل از دسترسی بارگذاری شده باشند.
توسط پژوهشگر در 221 روز قبل ساعت 01:39 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
نکتهٔ کلیدی این کار، استفاده از کلاس CSS برای تغییر است تا سبکها از جاوااسکریپت جدا بمانند و نگهداری کد ساده شود. با استفاده از کلاسList.toggle میتوانید بهسادگی یک کلاس مثل .highlight را به پاراگراف اضافه یا حذف کنید تا با هر کلیک، رنگ پسزمینه و اندازهٔ فونت تغییر کنند. بهتر است سبکها را در CSS تعریف کنید و در جاوااسکریپت از تغییر مستقیم خصوصیات سبک مانند backgroundColor و fontSize پرهیز کنید. همچنین مطمئن شوید که کد فقط پس از بارگذاری DOM اجرا شود، مثلاً با قراردادن اسکریپت یا استفاده از DOMContentLoaded.
گزارش