Change Images with JavaScript on Click

Опубликовано: 14 Октябрь 2024
на канале: Mohammed Abdelmajeed
850
69

سنتحدث في هذا الفيديو عن كيفية تغيير الصورة عند النقر على الزر أو button باستخدام الجافا سكريبت. يمكنك استخدام onclick لتفعيل دوال في الجافا سكريبت لتغيير الصورة بشكل ديناميكي على صفحة الويب. هذا يتيح للمستخدمين تفاعلًا أكبر مع الموقع عن طريق تغيير الصورة عند النقر عليها.

These topics cover how to change an image when clicked using JavaScript. You can use click events to trigger JavaScript functions to dynamically change the image on a web page. This allows users to interact more with the website by changing the image when clicked.

روابط القناة على جميع المنصات
يوتيوب |    / @mhmajeid  
تلقرام | https://t.me/mhmajeid
الفيسبوك |   / @mhmajeid  
انستجرام |   / mhmajeid  
تويتر اكس |   / mhmajeid  
تيكتوك | https://www.tiktok.com/mhmajeid
ديسكورد |   / discord  

❤️رابط دعم القناة:
   / @mhmajeid  

🎥فيديوهات قد تهمك
👈أسهل طريقة لبدء استخدام CSS GRID    • أسهل طريقة لبدء استخدام CSS GRID  
👈defer Attribute In JavaScript |    • defer Attribute In JavaScript  
👈How To Create Filter/Search List In JavaScript    • How To Create Filter/Search List In J...  
👈not() Selector In CSS    • 19- not() Selector In CSS | Learn CSS  
👈has() Selector In CSS    • 18- has() Selector In CSS | Learn CSS  
👈is() selector In CSS    • 17- is() selector In CSS | Learn CSS  
👈New CSS nth-child() number of class    • 16- New CSS nth-child() number of cla...  
👈أخطاء قد تفعلها دون أن تعرفها - احذر الوقوع فيها !    • أخطاء قد تفعلها دون أن تعرفها - احذر ...  
👈Gradient Borders in CSS    • Gradient Borders in CSS  
👈CSS Before and After Pseudo elements    • CSS Before and After Pseudo elements  
👈 تحسين تلميحات التحقق من صحة المدخلات الخاص بك بدون JS!    • تحسين تلميحات التحقق من صحة المدخلات ...  
👈استدعاء واستخدام Font awesome 6 في المواقع    • STOP Wasting Time With Outdated Fonts...  

أقسام الفيديو:
00:00 | المقدمة
00:09 | كتابة أكواد HTML
00:47 | كتابة أكواد CSS
04:03 | كتابة أكواد JavaScript