تبلیغات
میهن وب هاست

روشن و خاموش کردن چراغ با جاوااسکریپت در وب

نویسنده : امیر

نظرات : ۲ دیدگاه

بازدید : ۲۶۵ بازدید

تاریخ : ۲۲ تیر ۱۳۹۷

 

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

 

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

 

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

توضیح : در تمرین بالا ابتدا یک عکس لامپ خاموش لود کردیم و با کلیک روی عکس تصویر لامپ روشن لامپ مورد نظر روشن می شود؛ نتیجه به شکل زیر می باشد:

 

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

 

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

 

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

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

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

با دوستانتان به اشتراک بگذارید

2 پاسخ به “روشن و خاموش کردن چراغ با جاوااسکریپت در وب”

  1. me گفت:

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

    • امیر امیر گفت:

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

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

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

*

code

مطالب زیر را از دست ندهید: