إنه اليوم الخامس عشر من 100 يوم من تحدي البرمجة Miva الذي مر بسرعة كبيرة ولكنه ساعدني على تحسين مهاراتي في HTML وCSS وJavaScript بشكل كبير.
اليوم، تعلمت مفهومين في جافا سكريبت. عرض خصائص الكائن وأحداث JavaScript. إنها مهمة جدًا في إضافة البيانات وكذلك الحفاظ على صفحات الويب سريعة الاستجابة وتفاعلية.

عرض خصائص الكائن

كما ناقشت سابقًا، يتم استخدام الكائنات لإنشاء كتل بيانات تحتوي على بيانات من أنواع بيانات مختلفة مرتبطة ببعضها البعض أو بموضوع معين؛ مكتوبة بتنسيق زوج المفتاح والقيمة.
عرض هذه الخصائص له طرق مختلفة يمكن من خلالها تحقيق ذلك. أولاً، يمكن عرضها كسلاسل حيث يتم تجميع الخصائص باستخدام عامل الإضافة.

يمكن عرضها كحلقة تحدد كل زوج من المفاتيح والقيمة حتى يتم استنفاد الكائن.

يمكن أيضًا عرضها بتنسيق مصفوفة باستخدام طريقة Object.values().

أخيرًا، يمكن عرضها باستخدام طريقة JSON.stringify() التي تعرضها باستخدام تدوين JSON.

أحداث جافا سكريبت
الأحداث هي الإجراءات التي تحدث على صفحة ويب بسبب إجراء أو إدخال المتصفح أو المستخدم. تُعرف الإجراءات مثل النقر على الزر وتحميل صفحة الويب وتغيير حجم الصفحة وما إلى ذلك باسم الأحداث. يمكن استخدام كود جافا سكريبت لإحداث ردود فعل معينة عند حدوث هذه الإجراءات.

على سبيل المثال، بنقرة زر واحدة، يمكن استخدام كود JavaScript لعرض الوقت والتاريخ في الوقت الفعلي مقارنة بالعرض الثابت مع HTML وCSS.

يمكن أيضًا استخدام كود JavaScript لتغيير محتوى عنصر معين عند حدوث إجراء عليه.

يمكن أيضًا استدعاء الوظائف وتنفيذها في حالة وقوع حدث.

يعد مفهوم أحداث JavaScript أمرًا بالغ الأهمية لجعل صفحات الويب سريعة الاستجابة وتفاعلية حيث يمكن استخدامها للحث على ردود فعل في الوقت الفعلي على الإجراءات على صفحات الويب.

كان اليوم الخامس عشر مثمرًا وتعليميًا للغاية وأخطط لاستكشاف المزيد حول أحداث JavaScript غدًا!؟

أكواد المصدر متاحة هنا:
عرض الكائن: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac2.html)

أحداث جافا سكريبت: (https://github.com/Abdul-Samod/100daysofMiva/blob/74ad5573744c15d1955e8f8777053f0492d41fe9/javascript_prac3.html)