کنترل چراغ با جاوااسکریپت

کنترل چراغ با جاوااسکریپت

در این نوشته برای شما یک مثال ساده از جاوااسکریپت را به اشتراک خواهیم گذاشت.

با ما در ادامه همراه باشید.

 

کنترل چراغ با جاوااسکریپت

ابتدا فایلی با نام index.html بسازید و کدهای زیر را در آن قرار دهید:

 

سپس فایلی با نام bulb.js ساخته و محتوای آنرا با کدهای زیر پر می کنید.

توضیح :

در تمرین بالا ابتدا یک عکس لامپ خاموش لود کردیم و با کلیک روی عکس تصویر لامپ روشن لامپ مورد نظر روشن می شود؛

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

 

وقتی چراغ روشن است چراغ به شکل زیر می شود:
حالت خاموش چراغ - کنترل چراغ با جاوااسکریپت
حالت خاموش چراغ – کنترل‌چراغ با جاوااسکریپت

 

و وقتی چراغ خاموش است به شکل زیر می شود:

حالت روشن چراغ - کنترل چراغ با جاوااسکریپت
حالت روشن چراغ – کنترل‌چراغ با جاوااسکریپت

 

برای دانلود این تمرین روی لینک دانلود کلیک کنید.

لطفا نظرات خود را با ما به اشتراک بگذارید.

پایدار باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: ۰ میانگین: ۰]
با دوستانتان به اشتراک بگذارید

2 دیدگاه

  1. me

    درود بر شما
    ازینکه شما برای تهیه این آموزش زحمت کشیدید هیچ شکی نیست که وقت گذاشتید و من قدر دان شما هستم ولی این کار از دید من که برا اولین بار دارم چنین آموزشی رو میبینم خالی از اشکال نیست.
    و اشکال این کار انجاست که خب من این فایل رو نوشتم و ذخیره هم کردم چگونه باید اونرو اجرا کنم که شما توضیح ندادید. پس لطفا همیشه در آموزشهاتون از دید یک مبتدی بمسئله آموزشی بنگرید. اتفاقا من باین نوع آموزش بسیار نیازمندم. دوست دارم سیستم روشناوی و کنترول وسائل رو خودم برای خودم بسازم البته الکترونیک میدونم فقط برای کنترول نیازمند آموزش برنامه نویسی هستم.
    بسیار سپاسگذارم از شما دوست عزیز

    1. دوست عزیز این آموزش صرفا تحت وب می باشد و کاری به تجهیزات الکتریکی و الکترونیکی ندارد. سایت ما آموزش برنامه نویسی نرم افزاری می باشد و کاری با سخت افزار و موارد مربوط به آن در این مقطع ندارد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code