DeveloperBreeze

تعليم البرمجة Development Tutorials, Guides & Insights

Unlock 1+ expert-curated تعليم البرمجة tutorials, real-world code snippets, and modern dev strategies. From fundamentals to advanced topics, boost your تعليم البرمجة skills on DeveloperBreeze.

كيفية بناء تطبيقات تفاعلية باستخدام JavaScript و HTML و CSS

Tutorial September 26, 2024
javascript 

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 = "";  // مسح الحقل بعد الإرسال
    }
});

بإمكانك إضافة المزيد من التفاعلية إلى التطبيق، مثل:

Read More