تصميم واجهات المستخدم Development Tutorials, Guides & Insights

• مسح حقل الإدخال بعد إرسال الاسم.
• إضافة إشعار في حال كان الاسم طويلًا جدًا.

submitBtn.addEventListener('click', function() {
    const username = usernameInput.value.trim();

    if (username === "") {
        greetingParagraph.textContent = "يرجى إدخال اسمك.";
    } else if (username.length > 20) {
        greetingParagraph.textContent = "الاسم طويل جدًا، يرجى إدخال اسم أقصر.";
    } else {
        greetingParagraph.textContent = `مرحبًا، ${username}! شكرًا لاستخدام تطبيقي.`;
        usernameInput.value = "";  // مسح الحقل بعد الإرسال
    }
});