محمود_سعداوي نشر 24 مايو 2022 أرسل تقرير مشاركة نشر 24 مايو 2022 (معدل) السلام عليكم. الرجاء التوضيح في تعطل الشيفرة أثناء تنفيذ if statement. شيفرة الجافاسكريبت: const iconsBtn = document.querySelectorAll('.card-icon ') const teamInfo = document.querySelectorAll('.team-info') const changeBackground = document.querySelectorAll('.change-background ') // console.log(iconsBtn) for (let i = 0; i < iconsBtn.length; i++) { iconsBtn[i].innerHTML = `<i class="fa-solid fa-circle-plus"></i>` // console.log(iconsBtn[i]) iconsBtn[i].addEventListener('click', ()=>{ if (iconsBtn[i].innerHTML = `<i class="fa-solid fa-circle-plus"></i>`){ iconsBtn[i].innerHTML =`<i class="fa-solid fa-circle-minus"></i>` teamInfo[i].classList.add('team-info-change') changeBackground[i].classList.add('change-background-active') } else{ iconsBtn[i].innerHTML =`<i class="fa-solid fa-circle-plus"></i>` teamInfo[i].classList.remove('team-info-change') changeBackground[i].classList.remove('change-background-active') // console.log("HELLO"); } }) } ملاحظة: يتعطل تشغيل الشيفرة بداية من else console لايظهر أي خطأ لمزيد التوضيح إليكم شيفرة html <div class="team-container"> <div class="team-card"> <img src="./img/team-member-1.jpg" alt=""> <h4>John Doe</h4> <span>Web-Developer</span> <div class="card-icon"> <!-- <i class="fa-solid fa-circle-plus"></i> --> <!-- <i class="fa-solid fa-circle-minus"></i> --> </div> <div class="team-info"> <h3>About Me</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit obcaecati blanditiis aspernatur ab doloribus optio nesciunt adipisci fugiat quia veritatis doloremque tempore ipsum sunt atque exercitationem perspiciatis, beatae aliquam voluptates perferendis. </p> <h3>Skills</h3> <p> Javascript<br> Java<br> Python<br> MySql </p> </div> <div class="change-background "></div> </div> <div class="team-card"> <img src="./img/team-member-2.jpg" alt=""> <h4>John Doe</h4> <span>Front-End-Developer</span> <div class="card-icon"> <!-- <i class="fa-solid fa-circle-plus"></i> --> <!-- <i class="fa-solid fa-circle-minus"></i> --> </div> <div class="team-info"> <h3>About Me</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit obcaecati blanditiis aspernatur ab doloribus optio nesciunt adipisci fugiat quia veritatis doloremque tempore ipsum sunt atque exercitationem perspiciatis, beatae aliquam voluptates perferendis. </p> <h3>Skills</h3> <p> Javascript<br> Java<br> Python<br> MySql </p> </div> <div class="change-background "></div> </div> <div class="team-card"> <img src="./img/team-member-3.jpg" alt=""> <h4>John Doe</h4> <span>Back-End-Developer</span> <div class="card-icon"> <!-- <i class="fa-solid fa-circle-plus"></i> --> <!-- <i class="fa-solid fa-circle-minus"></i> --> </div> <div class="team-info"> <h3>About Me</h3> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit obcaecati blanditiis aspernatur ab doloribus optio nesciunt adipisci fugiat quia veritatis doloremque tempore ipsum sunt atque exercitationem perspiciatis, beatae aliquam voluptates perferendis. </p> <h3>Skills</h3> <p> Javascript<br> Java<br> Python<br> MySql </p> </div> <div class="change-background "></div> </div> </div> تم التعديل في 24 مايو 2022 بواسطة Hassan Hedr تنسيق الشيفرة 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Hassan Hedr نشر 24 مايو 2022 أرسل تقرير مشاركة نشر 24 مايو 2022 الخطأ لديك في جملة شرط المقارنة استخدمت معامل الإسناد "=" بدلًا من معامل المساواة "=="، لحل المشكلة عدل الشرط ليصبح كالتالي: if (iconsBtn[i].innerHTML == `<i class="fa-solid fa-circle-plus"></i>`){ ^^ } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
محمود_سعداوي
السلام عليكم.
الرجاء التوضيح في تعطل الشيفرة أثناء تنفيذ if statement.
شيفرة الجافاسكريبت:
ملاحظة: يتعطل تشغيل الشيفرة بداية من else
console لايظهر أي خطأ
لمزيد التوضيح إليكم شيفرة html
تنسيق الشيفرة
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.