با سلام. به هفتمین مثال از مجموعه مثال های دوره ی آموزش سریع Java Script خوش آمده اید. این مثال درمورد روش ایجاد یک آزمون اینترنتی ساده می باشد. یک سوال فرضی با چهار انتخاب به کاربر نشان داده می شود و کاربر می تواند یکی از گزینه ها را انتخاب نماید.
کدهای HTML و Java Script شکل 1 را در Notepad تایپ کنید (من خودم برای خوانایی بهتر کدها، از محیط Visual Studio استفاده کرده ام) و سپس آنرا در دسک تاپ تحت نام test7.html و نوع فایل (*.*) All Files ذخیره کنید.
شکل 1. کدهای HTML و Java Script مربوطه
با دابل کلیک بر روی فایل ایجاد شده در دسک تاپ، خروجی را در مرورگر پیش فرض، بصورت شکل 2 ملاحظه خواهید کرد. چنانچه مشاهده می کنید، زمانیکه ماوس بر روی گزینه ها حرکت می کند شاهد یک جلوه ی رنگی هستیم.
شکل 2. حرکت ماوس بر روی گزینه ها باعث تولید یک جلوه ی رنگی می گردد
و چنانچه در شکل 3 ملاحظه می کنید، عکس العملی متناسب با انتخاب کاربر تولید می شود.
شکل 3. گزینه ی انتخاب شده اعلام می گردد
همچنین برای اجرای کد بالا بر روی وب سایت ما، می توانید >> اینجا << کلیک کنید.
موفق باشید.
نوشته شده توسط: مهندس عبدالرضا قنبری
تاریخ های بروز رسانی این صفحه
- 12 February 2018 - 1396/11/23