کدی رو در اختیارشون قرار بدیم که با کلیک روی یک لینک و یا دکمه رنگ پس زمینه تغیر کنه . به همین منظور امروز یک کد ساده و کاربردی رو برای انجام اینکار به شما معرفی می کنیم .
ما در ابتدا دو تابع جاوا اسکریپت رو به شکل زیر تعریف می کنیم و سپس اونها رو در رویداد onclick تگ لینک دادن و دکمه ها استفاده می کنیم .
تابع setBgColor رنگ پس زمینه روبا توجه به ورودیش تعویض می کنه . ورودی این تابع نام و یا کد رنگ در html هست .
تابع randBg هم پس زمینه رو به صورت تصادفی از بین رنگ های درون آرایه ی colors انتخاب و تنظیم می کنه .
نکته : برای استفاده از این توابع بعد از اینکه کد بالا رو در صفحه وب و یا قالب وبلاگتون قرار دادید ، کافیه اون ها رو در رویداد onClick تگ های html مثل تگ لینک دادن و یا دکمه استفاده کنید .
بزارید چند مثال رو با هم ببینیم :
۱٫ دکمه ای که با کلیک روی اون رنگ پس زمینه قرمز بشه :
. لینکی که با کلیک روی اون رنگ پس زمینه آبی بشه
. دکمه ای که با کلیک روی اون رنگ پس زمینه به صورت رندم تعین بشه :
لینکی که با کلیک روی اون رنگ پس زمینه به صورت تصادفی تعین بشه :
نکته : به این نکته توجه داشته باشید که زمانی تغیر رنگ پس زمینه رو خواهید دید که برای پس زمینه تون عکس نگذاشته باشید .
