مثال 7: شبیه سازی یک آزمون اینترنتی ساده

دوره ی سریع: آموزش Java Script بوسیله ی مثال های کوچک (ویژه ی برنامه نویسانی که وقت کافی ندارند)

صفحۀ اصلی |> مثال 7: شبیه سازی یک آزمون اینترنتی ساده

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

شما در این بخش می توانید نظر خود را به گوش نویسندۀ مطالب این صفحه برسانید. نظرات شما برای ما ارزشمند هستند:

نام شما (اختیاری):
آدرس ایمیل شما (اختیاری):
توجه: آدرس ایمیل شما بصورت محرمانه، محفوظ نگه داشته خواهد شد و صرفا از آن برای اطلاع رسانی به شما در مورد نتیجۀ پاسخ گویی به نظرتان و احیانا ارسال خبرنامه های دو وبسایت ما یعنی آموزین و آکسفورد+ استفاده خواهد شد، بطوریکه شما هر لحظه می توانید آن را غیرفعال کنید.
نظر ارزشمند شما:

فرآیند امنیتی: لطفا قبل از ارسال نظر، مجموع دو عدد 10 و 1 را در کادر مقابل بنویسید:
درباره ی ما

Your IP address: 34.204.193.85 ... Current time: 6/6/2020 7:45:59 PM

Oxford Plus Academy v2.1

Our Social Networks:
-----------------------
https://twitter.com/oxford_plus
https://twitter.com/WwwAmoozIn

https://facebook.com/oxfordpluspage
https://facebook.com/www.amooz.in

https://youtube.com/channel/UC3wT15qSyXQnu_IVj8OqGqw
https://takhtesefid.org/user/amoozin
https://www.aparat.com/amooz.in

telegram ID: @oxfordplus
telegram ID: @amoozin

Other contact ways:
----------------------
Email: abdolreza_ghanbari@yahoo.com
Mobile Phone Number (Only SMS): 09394817343
(آدرس: آذربایجان غربی - میاندوآب - خیابان تختی- پلاک 330 - فروشگاه آکسفورد (دفتر وب سایت
کد پستی: 5971817118
تلفن تماس: 45226690-044 - ساعات پاسخگویی: 8 الی 14