ورشة التعلم

ورشة التعلم

    اختبارات ناجحة

    للإعادة

    معلقة

    لمشاهدة نبذة عن محتوى الدرس التغير وتنفيذ الأحداث في الصفحة Behavior
    الأحداث في JavaScript: النقروالنقر المزدوج وغيرها في هذا الدرس، سنتعلم كيفية استخدام الأحداث في JavaScript للتفاعل مع العناصر في صفحات الويب، مثل النقر والنقر المزدوج وأحداث أخرى. يمكن استخدام الأحداث `addEventListener` أو الطريقة المباشرة `onclick` لتنفيذ الكود عند حدوث الأحداث المستهدفة. ```javascript // استخدام addEventListener للنقر var _addSkill = document.getElementById('add-skill'); _addSkill.addEventListener('click', function() { // الكود الذي يتم تنفيذه عند النقر على العنصر var _skills = document.getElementById('skills'), _li = document.createElement('li'), _input = document.createElement('input'), _span = document.createElement('span'), inputs = _skills.querySelectorAll('input'), errors = _skills.querySelectorAll('.error'), error = false; // إزالة رسائل الخطأ السابقة إن وجدت if (errors != null) { for (var _error of errors) { _error.remove(); // التحقق من تعبئة الحقول قبل إضافة…
    لمشاهدة نبذة عن محتوى الدرس التغير وتنفيذ الأحداث في الصفحة Behavior
    الأحداث في JavaScript: النقروالنقر المزدوج وغيرها في هذا الدرس، سنتعلم كيفية استخدام الأحداث في JavaScript للتفاعل مع العناصر في صفحات الويب، مثل النقر والنقر المزدوج وأحداث أخرى. يمكن استخدام الأحداث `addEventListener` أو الطريقة المباشرة `onclick` لتنفيذ الكود عند حدوث الأحداث المستهدفة. ```javascript // استخدام addEventListener للنقر var _addSkill = document.getElementById('add-skill'); _addSkill.addEventListener('click', function() { // الكود الذي يتم تنفيذه عند النقر على العنصر var _skills = document.getElementById('skills'), _li = document.createElement('li'), _input = document.createElement('input'), _span = document.createElement('span'), inputs = _skills.querySelectorAll('input'), errors = _skills.querySelectorAll('.error'), error = false; // إزالة رسائل الخطأ السابقة إن وجدت if (errors != null) { for (var _error of errors) { _error.remove(); // التحقق من تعبئة الحقول قبل إضافة…
    has been added to the cart. View Cart