1 - Change Images onClick using JavaScript

في الفيديو ده هنتعلم اول تطبيق علي DOM
وازاي نعرف نغير صوره منتج لكتر من شكل
متنساش المتابعة عشان ميفتكش اي جديد ❤
------------------------------------
Contact me

[mrmohamed]

ربنا يسعدك ويبارك لك.. شرحك ممتاز وسهل جدا

[chediaotai]

شرح بسيط و سهل
صراحة أحسن شرح شفته
يا ريت تستمر فيديوهاتك لأنها مفيدة
القناة جميلة جدا
بتوفيق الله

[اهدافاونلاين-دق]

والله وربي أعلم انا حاولت افهم من شرح تطبيقات الزيرو بس حسيت بيها معقدة لكن معك والله إني فهمت الدنيا ماشة ازاي علشان انت مبسطها اوي تحياتي ❤️❤️🙏

[mustafaabobaker]

شغل ممتاز جدا بس بعد اذنك الميك صوته واطى جدا بعد اذنك ممكن تطوره شويه ربنا معاك ويوفقك

[abdomahmoud]

الف شكر يا هندسة فكرة حلوة بتاع تغيير المسار دى مجتش على بالى
بالنسبة للحل بتاع حضرتك فى مشكلة بسيطة وهى ان الصورة اللى فى الاول خالص بنفقدها كده وبيتبقى عندنا ثلاث صور بس عشان كده المفروض ناخد المسار بتاعها ونحطها مكان اللى كبسنا عليها وفى نفس الوقت ناخد مسار اللى كبسنا عليها ونحطه مكانها يعنى نعمل swapping حضرتك بدلت تبديلة واحدة بس وده اللى عمل المشكلة فده مثلا الكود بعد التعديل

const image__container = img");
const image__list = img");
for (let i = 0; i < image__list.length; i++) {
image__list[i].addEventListener("click", function (e) {
const imgSrc =
[image__container.src, image__list[i].src] = [
image__list[i].src,
image__container.src,
];
});
}

وده كمان حل تانى انا فكرت فيه قبل مشوف الفيديو

تحياتى 🌹

[ahmedsakr]

let image =
let allImages = img");

allImages.forEach((img) => {
img.addEventListener("click", (e) => {
image.src = e.target.src;
})
})