Calculator UI

تطوير آلة حاسبة تفاعلية بنظام Responsive Design

يركز هذا المشروع على تقديم تجربة مستخدم (UX) بصرية متميزة، مع توظيف تقنيات الـ DOM لتنفيذ العمليات الحسابية الأساسية بشكل فوري.

المواصفات التقنية والتنفيذ:

تصميم الواجهة (UI/UX):

استخدام Bootstrap 5 لبناء واجهة متجاوبة وأنيقة مع نظام شبكي (Grid System) متناسق.

تصميم عصري يعتمد على الحواف المنحنية (Rounded Corners) والظلال (Soft Shadows) لمنع المظهر المسطح التقليدي.

تخصيص هوية بصرية قوية من خلال تباين الألوان: شاشة عرض حمراء، وأزرار عمليات ملونة لسهولة التمييز.

المنطق البرمجي (JavaScript Logic):

التعامل المباشر مع DOM Elements لاستقبال المدخلات وتحديث شاشة العرض لحظياً.

تنفيذ دوال برمجية مستقلة مثل addToDisplay لإضافة الأرقام والرموز، و clearDisplay لتصفير الشاشة.

برمجة الأزرار الوظيفية (مثل "C" و "del") لإدارة المحتوى المدخل بدقة.

هيكلية الكود:

فصل تام بين الهيكل (HTML) والتنسيق وبين المنطق البرمجي (JS) لضمان سهولة الصيانة والتطوير.

استخدام أحداث النقر (onclick) لربط العناصر المرئية بالمنطق الوظيفي خلف الكواليس.