مثال 1: روشن و خاموش کردن دستی لامپ با استفاده از دکمه

دوره ی سریع: آموزش Java Script بوسیله ی مثال های کوچک (ویژه ی برنامه نویسانی که وقت کافی ندارند)

صفحۀ اصلی |> مثال 1: روشن و خاموش کردن دستی لامپ با استفاده از دکمه

با سلام. به اولین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش روشن و خاموش کردن لامپ با استفاده از دکمه ها می باشد.

کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید و سپس آنرا در دسک تاپ تحت نام test.html ، نوع فایل (*.*) All Files و Encoding از نوع Unicode ذخیره کنید.

شکل 1. کد HTML

سپس در نرم افزار Paint یک نقاشی کوچک بصورت شکل 2 رسم کنید و آنرا با نام Off.png در دسک تاپ ذخیره کنید.

شکل 2. فایل تصویری Off.png

حال همان عکس قبلی را بصورت شکل 3 تغییر داده و با نام On.png در دسک تاپ ذخیره کنید.

شکل 3. فایل تصویری On.png

بر روی فایل test.html در دسک تاپ دابل کنیک کنید تا در مرورگر اینترنت بصورت شکل 4 باز شود.

شکل 4. اجرای اولیه

بر روی دکمه ی "روشن" کلیک کنید. نتیجه باید مثل شکل 5 باشد. با زدن دکمه ی "خاموش" نیز، لامپ مجددا خاموش خواهد شد.

شکل 5. روشن شدن لامپ

همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.

موفق باشید.

نوشته شده توسط: مهندس عبدالرضا قنبری

تاریخ های بروز رسانی این صفحه

  • 05 December 2017 - 1396/09/14

شما در این بخش می توانید نظر خود را به گوش نویسندۀ مطالب این صفحه برسانید. نظرات شما برای ما ارزشمند هستند:

نام شما (اختیاری):
آدرس ایمیل شما (اختیاری):
توجه: آدرس ایمیل شما بصورت محرمانه، محفوظ نگه داشته خواهد شد و صرفا از آن برای اطلاع رسانی به شما در مورد نتیجۀ پاسخ گویی به نظرتان و احیانا ارسال خبرنامه های دو وبسایت ما یعنی آموزین و آکسفورد+ استفاده خواهد شد، بطوریکه شما هر لحظه می توانید آن را غیرفعال کنید.
نظر ارزشمند شما:

فرآیند امنیتی: لطفا قبل از ارسال نظر، مجموع دو عدد 13 و 9 را در کادر مقابل بنویسید:
درباره ی ما

Your IP address: 34.204.193.85 ... Current time: 6/6/2020 6:38:21 PM

Oxford Plus Academy v2.1

Our Social Networks:
-----------------------
https://twitter.com/oxford_plus
https://twitter.com/WwwAmoozIn

https://facebook.com/oxfordpluspage
https://facebook.com/www.amooz.in

https://youtube.com/channel/UC3wT15qSyXQnu_IVj8OqGqw
https://takhtesefid.org/user/amoozin
https://www.aparat.com/amooz.in

telegram ID: @oxfordplus
telegram ID: @amoozin

Other contact ways:
----------------------
Email: abdolreza_ghanbari@yahoo.com
Mobile Phone Number (Only SMS): 09394817343
(آدرس: آذربایجان غربی - میاندوآب - خیابان تختی- پلاک 330 - فروشگاه آکسفورد (دفتر وب سایت
کد پستی: 5971817118
تلفن تماس: 45226690-044 - ساعات پاسخگویی: 8 الی 14