المشكلة انه يتم تطبيق الامر الموجود داخل حلقة الforEach بدليل حذف الكلاس من اول عنصر في صورة الhtml
ولكن لا يضيف كلاس active للعنصر المنقر عليه
تحتاج لنقل السطر الخاص بإضافة الكلاس إلى داخل ال addeventlistener ولكن بذلك لتحتاج لتعريف المتغير clicked لذلك حاول استخدام الحل التالي
const circles = document.querySelectorAll(".circle"); circles.forEach(circle => { circle.addEventListener('click', () => { circles.forEach(c => c.classList.remove("active")); const clicked = circle; clicked.classList.add("active"); }); })
التعليقات