prompt جاوااسکریپت:

با روش prompt جاوااسکریپت آشنا می شوید.

نکات اصلی prompt جاوااسکریپت:

• این روش برای نمایش یک جعبه محاوره ای استفاده می شود که برای آن شخص باید ورودی را تایپ کند.
• متد prompt جاوااسکریپت معمولاً برای درخواست کاربر برای ورود قبل از ورود به یک صفحه وب استفاده می شود.

توضیح عملکرد propmt جاوااسکریپت

توسعه دهندگان ممکن است به دنبال گزینه هایی برای درج محتوای پاسخگو و دعوت کننده در وب سایت های خود باشند. روش JavaScript prompt به تلاش زیادی احتیاج ندارد ، اما شما می توانید با افزایش صفحات با جعبه گفتگو به نتایج فوق العاده ای برسید.

روش سریع JavaScript برای نمایش یک جعبه محاوره ای اعمال می شود ، که با ارائه ورودی متن کاربران را به پاسخگویی تحریک می کند.

جعبه سریع جاوا اسکریپت همچنین شامل دکمه هایی مانند OK و CANCEL است. متد prompt JavaScript پس از کلیک کاربر بر روی گزینه ، مقدار ورودی را برمی گرداند. در صورت کلیک بر روی CANCEL ، null با استفاده از روش برمی گردد.

از روش ()window.prompt معمولاً برای درخواست کاربر برای ورود قبل از ورود به یک صفحه وب استفاده می شود.

مثال زیر مقدار وارد شده در اعلان را اختصاص می دهد و آن را به یک متغیر رشته اختصاص می دهد. اگر روی دکمه Try it Live کلیک کنید ، خواهید دید که این کد یک جعبه سریع جاوا اسکریپت را شروع می کند ، از افراد می خواهد نام خود را وارد کنند:

var user = prompt("Enter your name, please:", "Bilbo Baggins");
if (user != null) {
    document.getElementById("greeting").innerHTML = "Greetings, " + user + "!";
}

مثال زیر برای تنظیم پاسخ کد ، از عبارت switch استفاده می کند:

function mySample() {
 var text;
 var favNumber = prompt("What's your favorite number?", "3");
 switch(favNumber) {
  case "1":
    text = "Well yeah number one !";
    break;
  case "3":
    text = "It's my favorite too!";
    break;
  case "100":
    text = "Wow what a high number!";
    break;
  default:
    text = "I have never heard of that one..";
  }
  document.getElementById("example").innerHTML = text;
}

توجه: پس از ظاهر شدن جعبه اعلان ، کاربر باید پس از وارد کردن ورودی ، روی تأیید یا لغو کلیک کند. با این حال ، بیش از حد از این روش استفاده نکنید ، زیرا از دسترسی به قسمت های صفحه وب تا زمان ارسال جلوگیری می کند و باعث می شود تجربه کاربر روانتر نشود.

نحو صحیح prompt جاوااسکریپت

برای موقعیت های مناسب ، افزودن محتوای پاسخگو می تواند تجربه کاربر را بسیار بهبود بخشد. با این حال ، قبل از شروع به دستکاری جعبه های گفتگو ، باید یاد بگیرید که چگونه تابع JavaScript prompt نوشته شده است.

همانطور که از مثال زیر می بینید ، این روش دو آرگومان را می پذیرد ، اما فقط یک مورد برای کارکرد تابع لازم است:

سریع (متن ، متن پیش فرض)

برای استفاده صحیح از تابع window.prompt ، به یاد داشته باشید که پارامتر متن باید در پرانتز قرار گیرد. پیامی که به عنوان این آرگومان تایپ می کنید ، پس از بارگذاری کادرهای گفتگو ، به کاربر نشان داده می شود.

آرگومان دوم به نام defaultText اختیاری است. با این حال ، اگر می خواهید یک مقدار پیش فرض را در قسمت ورودی متن وارد کنید ، به آن نیاز خواهید داشت. به عبارت دیگر ، اگر یک کادر گفتگو به بازدید کننده ای نیاز دارد که متنی را تایپ کند ، می توانید پیام اولیه را در قسمت تنظیم کنید.

مقدار بازگشتی

تابع prompt با توجه به نحوه پاسخ بازدیدکنندگان به کادر گفتگو ، نتایج را ارائه می دهد. به عنوان مثال ، اگر آنها قسمت ورودی متن مورد نیاز را پر کرده و روی تأیید کلیک کنند ، عملکرد یک رشته را با ورودی کاربران برمی گرداند.

اگر چیزی وارد نشده باشد و کاربر همچنان روی تأیید کلیک کند ، یک رشته خالی به سادگی بازگردانده می شود. با این حال ، اگر شخصی از پاسخ دادن امتناع ورزد و CANCEL را کلیک کند ، عملکرد سریع JavaScript خنثی می شود.