ما سبب الخطأ خطأ resultAPI تكون undefined بعد تنفيذ fetch بلغة جافاسكربت JS

بتاريخ 49 دقائق مضت قال محمود سعداوي:

weather app.zip

المشكلة لديك هو أن قيمة resultAPI تكون undefined عند طلبها في العبارة البرمجية التي ظهر الخطأ بها.

السبب هو أن الاتصال غير متزامن Async و الشيفرة البرمجية ليست بكامها ضمن then block أي مشكلة أقواس..

انقل القوسين من السطر 48 إلى السطر 66

    .then((data) => {
      // console.log(data)
      resultAPI = data;
      description.innerText = resultAPI.current.weather[0].description;
      temperature.innerText = `${Math.trunc(resultAPI.current.temp)} °C`;
      loc.innerText = resultAPI.timezone;

      tod.innerText = date + " - " + month + " - " + year;

      for (let i = 0; i < time.length; i++) {
        let varHour = hour + i * 3;

        if (varHour >= 24) {
          time[i].innerText = `${varHour - 24} h`;
        } else {
          time[i].innerText = varHour + " h";
        }
      }
      console.log(resultAPI);
      for (let j = 0; j < value.length; j++) {
        value[j].innerText = `${Math.trunc(resultAPI.hourly[j * 3].temp)} °C`;
      }
    });

الملف:

main.js

برجاء إرفاق المشروع حتى نتمكن من معاينته بشكلٍ أفضل

كامل المشروع موجود على اللينك التالي على google drive

https://drive.google.com/drive/folders/19hoy9dMb1wee9R53KEhI-ESdsbX4s5Wr?usp=sharing

بتاريخ 4 ساعات قال شرف الدين2:

برجاء إرفاق المشروع حتى نتمكن من معاينته بشكلٍ أفضل

عذرا لم أفهم بالضبط كيف يكون إرفاق المشروع

بتاريخ 1 ساعة قال محمود سعداوي:

عذرا لم أفهم بالضبط كيف يكون إرفاق المشروع

يمكن إرفاق الملف مضغوط مباشرة في التعليق، الرابط يحتاج صلاحية وصول

بتاريخ منذ ساعة مضت قال Wael Aljamal:

يمكن إرفاق الملف مضغوط مباشرة في التعليق، الرابط يحتاج صلاحية وصول

رجاءا كيف يمكن ذلك

بتاريخ 41 دقائق مضت قال محمود سعداوي:

رجاءا كيف يمكن ذلك

يمكن ضغط أي مجلد بالطريقة التالية:

ثم في التعليق نقوم بإرفاق الملف المضغوط

 أسفل هذه النص يوجد عبارة "اسحب الملفات إلى هنا أو اختر ملف" يمكنك من إرفاق ملفات

بتاريخ 1 ساعة قال Wael Aljamal:

يمكن إرفاق الملف مضغوط مباشرة في التعليق، الرابط يحتاج صلاحية وصول

weather app.zip

بتاريخ 29 دقائق مضت قال Wael Aljamal:

المشكلة لديك هو أن قيمة resultAPI تكون undefined عند طلبها في العبارة البرمجية التي ظهر الخطأ بها.

السبب هو أن الاتصال غير متزامن Async و الشيفرة البرمجية ليست بكامها ضمن then block أي مشكلة أقواس..

انقل القوسين من السطر 48 إلى السطر 66

    .then((data) => {
      // console.log(data)
      resultAPI = data;
      description.innerText = resultAPI.current.weather[0].description;
      temperature.innerText = `${Math.trunc(resultAPI.current.temp)} °C`;
      loc.innerText = resultAPI.timezone;

      tod.innerText = date + " - " + month + " - " + year;

      for (let i = 0; i < time.length; i++) {
        let varHour = hour + i * 3;

        if (varHour >= 24) {
          time[i].innerText = `${varHour - 24} h`;
        } else {
          time[i].innerText = varHour + " h";
        }
      }
      console.log(resultAPI);
      for (let j = 0; j < value.length; j++) {
        value[j].innerText = `${Math.trunc(resultAPI.hourly[j * 3].temp)} °C`;
      }
    });

الملف:

main.js

تم

أحيانا خطأ قد تراه بسيط و لكن يأخذ منك الكثير من الوقت

مضى أكثر من ثلاث أيام و أنا أحاول.

شكرا جزيلا