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

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

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

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

بازدید : ۹ بازدید

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

 

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

 

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

 

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

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

 

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

 

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

 

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

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

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

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

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

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

*

code

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