حاولت برمجة كود جافا سكربت يقوم بتغير لون div عن طريق الـselect لكنه لم يعمل معي رغم انني كتبت نفس الكود من شرح على اليوتيوب
اين الخطأ في كود الجافا سكربت هذا ؟
لا يجوز عمل Selector على الـDocument Root ضع document.body. قبل querySelector هذا بالإضافة إلى ما قاله @KernelCode .
تعديل هذا كان مجرد bug في chrome مع بعض العناصر وحسبته كذلك المفترض أن يعمل في root بدون مشاكل، ولا تستخدم أصلًا querySelector،
لا وإلا لكانت عملت، عمومًا ضع الشيفرة حتى نجربها، مثلًا هذه تعمل بدون مشاكل:
ولو أن الأفضل استخدام addEventListener للتصنت على الأحداث.
الخطأ في
box.style.backgroundColor = selectedColor;
يجب كتابة selectColor وليس selectedColor
box.style.backgroundColor = selectColor;
ملاحظة
<DOCTYPE html>
تكتب
<!DOCTYPE html>
أولًا تحتاج إلى تعريف changeColor بشكل عام -داخل المتغير العمومي في الويب window-، اكتب blue وليس bule:
التعليقات