- نبدأ بالحصول على مراجع للعناصر HTML مثل حقل الإدخال والزر والفقرة التي ستظهر رسالة الترحيب.
- نستخدم
addEventListener لإضافة حدث "click" على الزر، حيث عندما يضغط المستخدم على الزر، سيتم عرض رسالة ترحيبية بناءً على الاسم الذي أدخله. - إذا لم يتم إدخال اسم، سيعرض التطبيق رسالة تطلب من المستخدم إدخال اسمه.
في المثال السابق، تم إضافة شرط للتأكد من أن المستخدم لا يترك حقل الإدخال فارغًا قبل عرض رسالة الترحيب.