prompt در جاوا اسکریپت ابزاری سریع و کارآمد برای دریافت ورودی مستقیم از کاربر است. این روش با نمایش یک جعبه محاورهای (Dialog Box)، از کاربر درخواست میکند که اطلاعاتی را وارد کند و سپس آن اطلاعات به برنامه بازگردانده میشود. این ویژگی برای ایجاد تعامل در صفحات وب بسیار مفید است.
ویژگیهای کلیدی متد prompt:
- نمایش جعبه محاورهای: این متد یک جعبه محاورهای برای دریافت ورودی از کاربر نمایش میدهد.
- ورودی کاربر: کاربر میتواند مقداری را وارد کند که سپس به کد بازگردانده میشود.
- گزینههای پیشفرض: میتوانید یک متن پیشفرض برای ورودی تعریف کنید تا در جعبه نمایش داده شود.
کاربردهای رایج:
متد prompt اغلب برای دریافت ورودی از کاربر قبل از دسترسی به بخشی از سایت یا برای جمعآوری اطلاعات ضروری استفاده میشود. به طور مثال، ممکن است از کاربر خواسته شود نام خود را وارد کند تا به صفحه خوشآمدگویی هدایت شود.
نحوه عملکرد متد prompt:
وقتی متد prompt اجرا میشود، یک جعبه دیالوگ با یک ورودی متنی و دو دکمه “OK” و “Cancel” ظاهر میشود. اگر کاربر مقداری وارد کند و دکمه “OK” را فشار دهد، آن مقدار به برنامه بازگردانده میشود. اگر کاربر دکمه “Cancel” را بزند، مقدار null برگردانده میشود.
نمونه کدهای عملی:
مثال اول: گرفتن نام کاربر و نمایش خوشآمدگویی:
var user = prompt
(“لطفاً نام خود را وارد کنید:”, “Bilbo Baggins”);
if (user != null) {
document.getElementById(“greeting”).innerHTML = “سلام، “ + user + “!”; }
در این مثال، اگر کاربر نام خود را وارد کند، برنامه یک پیام خوشآمدگویی با نام کاربر نمایش میدهد.
مثال دوم: استفاده از switch برای پاسخ به ورودی:
(function mySample) {
var text;
var favNumber = prompt(“شماره محبوب شما چیست؟”, “۳”);
switch(favNumber) {
case “1”:
text = “بله، شماره یک!”;
break;
case “3”:
text = “این هم شماره محبوب من است!”;
break;
case “100”:
text = “چه عدد بزرگی!”;
break;
default:
text = “عدد عجیبی است!”;
}
document.getElementById(“example”).innerHTML = text;
}
در این مثال، ورودی کاربر به یک متغیر نسبت داده میشود و بسته به مقداری که کاربر وارد کرده است، پیامی متفاوت نمایش داده میشود.
نکات مهم:
- عدم استفاده بیش از حد: از متد
promptنباید به دفعات زیاد استفاده کرد زیرا این کار باعث وقفه در تجربه کاربری میشود و ممکن است کاربر را دچار سردرگمی کند. - محدودیتهای طراحی: دیالوگ باکسهای
promptقابل سفارشیسازی از نظر طراحی نیستند و ظاهرشان توسط مرورگر کنترل میشود.
نحو صحیح استفاده از prompt:
ساختار این متد به این صورت است:
- متن: این پارامتر، پیامی است که به کاربر نمایش داده میشود.
- مقدار پیشفرض: یک مقدار اختیاری است که به طور پیشفرض در فیلد ورودی نمایش داده میشود.
مقادیر بازگشتی:
- اگر کاربر متنی وارد کند و “OK” را کلیک کند، مقدار وارد شده به عنوان یک رشته بازگردانده میشود.
- اگر ورودی خالی باشد و “OK” کلیک شود، یک رشته خالی بازمیگردد.
- اگر “Cancel” کلیک شود، مقدار
nullبازگردانده میشود.
- متن: این پارامتر، پیامی است که به کاربر نمایش داده میشود.
- مقدار پیشفرض: یک مقدار اختیاری است که به طور پیشفرض در فیلد ورودی نمایش داده میشود.
مقادیر بازگشتی:
- اگر کاربر متنی وارد کند و “OK” را کلیک کند، مقدار وارد شده به عنوان یک رشته بازگردانده میشود.
- اگر ورودی خالی باشد و “OK” کلیک شود، یک رشته خالی بازمیگردد.
- اگر “Cancel” کلیک شود، مقدار
nullبازگردانده میشود.
ارائه خدمات مشاوره کسب و کار و طراحی سایت کرمانشاه و سئو سایت کرمانشاه در جهت توسعه ی فروش، رشد کسب و کار و تغییر موقعیت برند شما پنج شنبه های هر هفته
متد prompt یکی از سادهترین راهها برای تعامل با کاربر در جاوااسکریپت است. هرچند این روش ساده و کارآمد است، اما به دلیل محدودیتهای ظاهری و تجربه کاربری، توصیه میشود در پروژههای پیچیدهتر از آن به صورت محدود استفاده شود. برای طراحیهای پیچیدهتر، میتوان از فرمهای HTML و سایر روشهای جمعآوری داده استفاده کرد تا تجربه کاربری بهبود یابد.
