با سلام. به اولین مثال از مجموعه مثال های دوره ی آموزش سریع 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