اجرای یک سری کد JavaScript در هنگام کلیک بر روی یک دکمه (Button)، در JavaScript

فرض کنید بخواهیم یک دکمه (Button) بسازیم که با کلیک کاربر بر روی آن دکمه (Button)، یک سری کد JavaScript اجرا شود، برای این منظور، ابتدا یک تابع تعریف می کنیم که حاوی کدهای JavaScript مورد نظرمان باشد :

نام تابع را برابر clickHandler انتخاب کرده ایم و به جای عبارت // your code ، کدهای JavaScript مورد نظرمان را باید بنویسیم.

سپس دکمه (Button) را با کدهای زیر می سازیم :

بنابراین با کلیک بر روی دکمه (button)، کدهای javascript نوشته شده در تابع، اجرا خواهد شد.

به مثال زیر توجه کنید :

مثال

یک دکمه (Button) می سازیم که با کلیک کاربر بر روی آن، رنگ پس زمینه (Background) صفحه (قسمت body) به رنگ آبی (blue) تغییر داده شود :

نتیجه :

دسته بندی دکمه ها (Button)، در JavaScript

نویسنده علیرضا گلمکانی

شماره کلید 2687

گزینه ها

به اشتراک گذاری (Share) در شبکه های اجتماعی

FaceBook Twitter Digg Reddit LinkedIn Pinterest StumbleUpon

نظرات 9 9 0

میلاد

۱۳۹۷/۰۶/۱۱

۱۶:۴۵

با سلام. فرض کنیم میخواهیم با یک دکمه عمل رفت و برگشت انجام گیرد یعنی برای یکبار زدن دکمه رنگ صفحه آبی و با زدن مجدد آن رنگ صفحه به حالت اول یعنی سفید تغییر کند. چه کدی باید نوشته شود؟ متشکرم

admin

۱۳۹۷/۰۶/۱۲

۱۱:۳۱

سلام.
منطق برنامه به این صورت خواهد بود که یک متغیر (Variable) تعریف می کنیم که دارای مقدار اولیه برابر 0 باشد (مقداردهی اولیه متغیر).
بعد در تابعی (Function) که در هر بار کلیک بر روی دکمه (Button)، اجرا می شود، مقدار متغیر را چک می کنید، اگر مقدار برابر 0 بود، کد تغییر رنگ به آبی اجرا می شود و مقدار متغیر را به 1 تغییر می دهیم، اما اگر مقدار متغیر برابر 1 بود، کد تغییر رنگ به سفید اجرا می شود و مقدار متغیر را به 0 تغییر می دهیم.
بنابراین کد JavaScript زیر را می نویسیم :

ebi

۱۳۹۸/۰۳/۱۴

۰۲:۳۹

عزیز اگه بخوایم یک button تعریف کنیم که وقتی کلیک شد یک آهنگی پخش کنه به صورت خودکار باید چ کدی رو بنویسیم؟

عرفان

۱۳۹۸/۰۹/۱۸

۱۴:۰۴

میخوایم در دو تکست باکس عدد دریافت کنیم وقتی دکمه زده شد در تکست باکس سوم محاسبه بشه بی زحمت یه راهنمایی به من کنید

زری

۱۳۹۹/۰۷/۰۴

۰۲:۵۲

سلام. اگه بخوام یه دکمه ای بسازم که وقتی روش کلیک میکنی یک سری المان باز شن و علامت دکمه روبه پایین باشه و وقتی می بندی علامت دکمه روبه بالا باشه و المان ها جمع بشن، چکار باید بکنم؟

سمانه

۱۴۰۰/۰۶/۰۲

۱۴:۲۰

سلام میخواستم یه button باشه که وقتی کلیک میکنی توی یه باکس مقادیری رو نشون بده
این نمونه کدمه ممنون میشم کمک کنید

ابوالفضل

۱۴۰۱/۰۴/۱۳

۰۹:۵۴

ببخشید می خواستم بدونم چطور میتونم یک کدی بزنم که وقتی روی یک button کلیک شد تعداد کلیک شدن روی اون button رو برای نمایش بده

سروش

۱۴۰۲/۰۱/۰۳

۱۵:۰۸

ستایش

۱۴۰۲/۰۸/۰۲

۲۱:۱۵

سلام خسته نباشید
میخوام یه برنامه بنویسم که با یک عکس روی صفحه باشه با زدن دکمه بره عکس بعدی
با JS و HTML
ممنون

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)