النوافذ المنبثقة في لغة JavaScript

يا هلا! اليوم بنتكلم عن طريقة بسيطة تتفاعل فيها مع المستخدمين: النوافذ المنبثقة في جافاسكريبت. هي 3 أنواع رئيسية، وكل وحدة لها استخدامها الخاص. خلينا نشوفها.

alert(): للمعلومات وبس

هذي أبسط وحدة. بس تعرض رسالة للمستخدم مع زر "موافق". ما تقدر تسوي فيها شي ثاني غير إنك تقفلها.

مثال:

alert('مرحباً بك في موقعنا!');

مفيدة جداً لعرض رسائل خطأ بسيطة أو تأكيد شيء صار.

confirm(): للسؤال عن قرار

إذا تبغى المستخدم يختار بين "موافق" أو "إلغاء"، هذي هي اللي تستخدمها. ترجع قيمة true لو ضغط "موافق" و false لو ضغط "إلغاء".

مثال:

let userChoice = confirm('هل أنت متأكد من حذف هذا العنصر؟');

if (userChoice) {
    alert('تم الحذف بنجاح!');
} else {
    alert('تم إلغاء عملية الحذف.');
}

ممتازة لتأكيد الإجراءات اللي ما تتراجع عنها بسهولة، زي الحذف أو الإرسال.

prompt(): لطلب إدخال من المستخدم

هذي تخليك تاخذ نص من المستخدم. تعرض مربع حوار فيه رسالة، مربع إدخال نص، وزرين "موافق" و "إلغاء".

مثال:

let userName = prompt('الرجاء إدخال اسمك:', 'ضيف');

if (userName !== null && userName !== '') {
    alert('أهلاً بك يا ' + userName + '!');
} else {
    alert('لم يتم إدخال الاسم.');
}

لو المستخدم ضغط "إلغاء"، بترجع null. ولو ضغط "موافق" بدون ما يكتب شيء، بترجع سلسلة نصية فارغة ''. لا تنسى تتحقق من القيم هذي.

نصيحة أخيرة

النوافذ المنبثقة هذي سهلة ومفيدة، لكن لا تكثر منها! ممكن تكون مزعجة للمستخدم وتضر تجربة المستخدم. فكر دائماً في طرق بديلة زي المودال (Modals) أو رسائل التنبيه داخل الصفحة (In-page notifications) لتجربة أفضل.

← السابقالفهرسالتالي →