خطأ Cannot read properties of undefined في لغة جافا سكريبت JavaScript

الخطأ بسبب إستدعاء الدالة btnAction في نهاية الكود، حيث لم تقم بتمرير أي حدث إليها وبالتالي فإن المعامل e غير معرف undefined، وبالتالي يحدث خطأ عند محاولة الوصول إلى الخاصية target ضمن المعامل e

كل ما عليك لحل المشكلة أن تقوم بحذف آخر إستدعاء للدالة btnAction من الكود:

const btns = document.querySelectorAll("button")

btns.forEach(btn =>{
    btn.addEventListener('click', btnAction)
})

function btnAction(e) {
    let description = e.target.getAttribute("data-cookie")
    console.log(description);
}

// هذا السطر هو سبب المشكلة
// btnAction()

  بتاريخ On 21‏/3‏/2022 at 10:30 قال سامح أشرف:

الخطأ بسبب إستدعاء الدالة btnAction في نهاية الكود، حيث لم تقم بتمرير أي حدث إليها وبالتالي فإن المعامل e غير معرف undefined، وبالتالي يحدث خطأ عند محاولة الوصول إلى الخاصية target ضمن المعامل e

كل ما عليك لحل المشكلة أن تقوم بحذف آخر إستدعاء للدالة btnAction من الكود:

const btns = document.querySelectorAll("button")

btns.forEach(btn =>{
    btn.addEventListener('click', btnAction)
})

function btnAction(e) {
    let description = e.target.getAttribute("data-cookie")
    console.log(description);
}

// هذا السطر هو سبب المشكلة
// btnAction()

 

أظهر المزيد  

شكرا

ولكن في هذه الحالة console لايظهر شيء

يعني console.log(description) لم تعد تعمل

  بتاريخ On 21‏/3‏/2022 at 10:34 قال محمود سعداوي:

شكرا

ولكن في هذه الحالة console لايظهر شيء

يعني console.log(description) لم تعد تعمل

أظهر المزيد  

لكي يتم طباعة أي قيمة في console فإنك بحاجة إلى الضغط على أي زر في الصفحة، وذلك لأنك حددت مسبقًا كل الأزرار buttons وأضفت حدث event لتنفيذ الدالة btnAction عند الضغط على أي زر، أيضًا يجب أن يحتوي الزر الذي تضغط عليه الخاصية data-cookie لكي يتم طباعة قيمتها.

إن أستمرت المشكلة لديك، فأرجو منك أن ترفق كود HTML كذلك.

  بتاريخ On 21‏/3‏/2022 at 10:38 قال سامح أشرف:

لكي يتم طباعة أي قيمة في console فإنك بحاجة إلى الضغط على أي زر في الصفحة، وذلك لأنك حددت مسبقًا كل الأزرار buttons وأضفت حدث event لتنفيذ الدالة btnAction عند الضغط على أي زر، أيضًا يجب أن يحتوي الزر الذي تضغط عليه الخاصية data-cookie لكي يتم طباعة قيمتها.

إن أستمرت المشكلة لديك، فأرجو منك أن ترفق كود HTML كذلك.

أظهر المزيد  

نعم نعم

أحيانا عندما يطول الكود يكثكر الإرتباك

شكرا جزيلا

والله ظلم