لوحة تحكم لتطبيق الطقس. يسمح للمستخدم بإدخال اسم مدينة لعرض الطقس الحالي والتنبؤات لمدة 5 أيام. تتمثل هيكلة الصفحة الرئيسية في عناصر HTML لإدخال البيانات وعرضها بالإضافة إلى أنماط CSS للتنسيق.
عنصر إدخال البيانات: يحتوي على حقل إدخال لاسم المدينة وزرين: زر بحث للحصول على بيانات الطقس وزر للحصول على موقع المستخدم الحالي.
عنصر عرض البيانات الجوية: يحتوي على قسم لعرض البيانات الجوية الحالية والتنبؤات لمدة 5 أيام.
الكود JavaScript:
- يقوم بالتفاعل مع الواجهة للحصول على بيانات الطقس من خلال API وعرضها في الصفحة.
- يستخدم Fetch API لجلب البيانات من خدمة OpenWeatherMap API.
- يتفاعل مع مدخلات المستخدم للبحث عن البيانات ويعرضها.
هذا العمل يُظهر كيفية استخدام HTML، CSS، و JavaScript لإنشاء واجهة مستخدم تفاعلية لعرض معلومات الطقس.