| الميزة | الوصف |
|---|---|
| 📊 حاسبة النسبة المئوية | استخراج، إضافة، أو طرح النسب المئوية |
| 🔢 آلة حاسبة متقدمة | عمليات حسابية معقدة مع الأقواس |
| 🔬 الوضع العلمي | دوال علمية: sin, cos, tan, √, log, π, e, xⁿ |
| 🖥️ وضع PC | واجهة مدمجة بحجم آلة حاسبة حقيقية على سطح المكتب |
| 📏 تصغير تلقائي للأرقام | الأرقام تصغر تلقائياً حسب طولها لتبقى مرئية دائماً |
| 📜 سجل العمليات | حفظ تلقائي للعمليات السابقة مع إمكانية المسح |
| ⌨️ دعم لوحة المفاتيح | تحكم سريع بدون الماوس |
| 📱 تصميم متجاوب | يعمل على جميع الأجهزة |
| 🎨 تصميم Neon Pulse | واجهة عصرية وجذابة |
| 📏 محول الوحدات | تحويل الأطوال والأوزان والبيانات والحرارة |
| 🌡️ محول درجات الحرارة | تحويل بين مئوية وفهرنهايت وكلفن |
- دقة عالية: يعتمد على مكتبة
math.jsلضمان دقة العمليات الحسابية. - تجربة مستخدم سلسة: انتقالات حركية ناعمة بين الأقسام.
- عرض ذكي للأرقام: تصغير تلقائي للخط مع 6 مستويات حسب طول الرقم.
- وضع سطح المكتب: واجهة مدمجة تحاكي آلة حاسبة حقيقية.
- جاهز للمستقبل: بنية برمجية تدعم التوسع والاختبار الآلي.
زر خاص يظهر على شاشات الديسكتوب يحول الآلة الحاسبة إلى حجم مدمج (420px) يشبه آلة حاسبة حقيقية. الوضع يُحفظ تلقائياً عبر localStorage.
درج قابل للفتح والإغلاق يحتوي على دوال علمية متقدمة:
| الدالة | الوصف |
|---|---|
sin, cos, tan |
الدوال المثلثية |
√ |
الجذر التربيعي |
log, ln |
اللوغاريتم |
π, e |
الثوابت الرياضية |
xⁿ |
الأُس |
|x| |
القيمة المطلقة |
⌈x⌉, ⌊x⌋ |
التقريب لأعلى/لأسفل |
تم دمج تقنيات TestSprite لاختبار المشروع آلياً وضمان استقراره.
- ✅ حالة الاختبار: 7/9 اختبارات ناجحة.
- 📄 التقارير: يمكن العثور على تقارير الاختبار المفصلة داخل مجلد
testsprite_tests.
- 🖥️ وضع PC: زر يظهر على الديسكتوب يحول الآلة لحجم مدمج (420px) يشبه آلة حاسبة حقيقية.
- 🔬 الوضع العلمي: درج قابل للفتح يحتوي على 12 دالة علمية (sin, cos, tan, √, log, ln, π, e, xⁿ, |x|, ⌈x⌉, ⌊x⌋).
- 📏 تصغير تلقائي للأرقام: 6 مستويات حجم خط تتكيف تلقائياً مع طول الرقم المدخل.
- 🌡️ محول درجات الحرارة: تحويل بين مئوية وفهرنهايت وكلفن.
- 🗑️ زر مسح السجل: زر مخصص لمسح سجل العمليات بالكامل.
- 💾 حفظ وضع PC: يتذكر اختيار المستخدم عبر
localStorage.
- إصلاح اختفاء الأرقام: حل مشكلة عدم ظهور الأرقام الطويلة في شاشة العرض.
- إصلاح القسمة على صفر: عرض رسالة "خطأ" بدلاً من
Infinity. - إصلاح نص زر السجل: يتغير النص بين "إظهار السجل" و"إخفاء السجل".
- إصلاح اختصار Alt+3: إضافة اختصار للتنقل إلى قسم المحول.
- إصلاح حذف الدوال العلمية: زر Backspace يحذف الدالة كاملة (مثلاً
sin(دفعة واحدة). - إصلاح حالة NaN: معالجة النتائج غير الرقمية بشكل صحيح.
- خلفية أعمق: لون
#060a1eلتباين أفضل. - ظلال نيون أنعم: تقليل حدة التوهج لمظهر أكثر احترافية.
- انتقالات أسرع: 150ms بدلاً من 200ms بين الأقسام.
- تباعدات أكثر كثافة: واجهة مدمجة واحترافية.
- نقاط استجابة محسنة: أداء أفضل على جميع الشاشات.
- 📐 تصميم أوسع: توسيع الواجهة الرئيسية لراحة أكبر للعين.
- 🎨 أيقونات أكبر: تحسين حجم وتناسق أيقونات التبويبات.
- ✨ تجربة بصرية محسنة: تباعدات وخطوط أكثر وضوحاً.
- 📏 محول الوحدات الشامل: إضافة أداة جديدة لتحويل الأطوال والأوزان ووحدات البيانات.
- ⚖️ دقة عالية: استخدام
math.jsلضمان دقة التحويلات. - 🔄 زر التبديل: إمكانية تبديل الوحدات (From/To) بضغطة زر.
- ⌨️ إصلاحات لوحة المفاتيح: تفعيل زر
Deleteلمسح الشاشة فوراً (مثل زر C). - 🏠 تحسين الواجهة: تعيين "الآلة الحاسبة المتقدمة" كواجهة افتراضية عند التحميل.
- 🧪 نظام اختبار ذكي: دمج TestSprite لإجراء اختبارات شاملة للكود وتوليد تقارير آلياً.
- 🛡️ تحسين الاستقرار: إصلاح هيكلية الملفات وتجهيز المشروع للتطوير المستقبلي.
- 📄 توثيق متقدم: تحديث ملفات
READMEوإضافة.gitignore.
- 🎨 تصميم جديد كلياً: واجهة "النبض النيون" الداكنة مع ألوان مشبعة وتأثيرات توهج.
- 🔢 آلة حاسبة متقدمة: إضافة آلة حاسبة علمية تدعم العمليات المعقدة والأقواس.
- 📜 سجل العمليات (History): ميزة حفظ ومراجعة العمليات الحسابية السابقة.
- ⌨️ دعم لوحة المفاتيح: ربط جميع الأزرار باختصارات لوحة المفاتيح لسرعة الاستخدام.
- 📊 الإطلاق الأول: حاسبة بسيطة للنسب المئوية.
- 🧮 الوظائف الأساسية: حساب (النسبة من عدد، إضافة نسبة، خصم نسبة).
- 📱 واجهة بسيطة: تصميم أساسي متجاوب.
git clone https://github.com/F2lcon01/Percentage.git
cd Percentage
start index.html| المفتاح | الوظيفة |
|---|---|
| 0 — 9 | الأرقام |
| + - * / | العمليات الأساسية |
| Enter | إظهار النتيجة (=) |
| Backspace | حذف آخر حرف/دالة |
| Delete / Escape | مسح الشاشة (C) |
| Alt + 1 | قسم النسبة المئوية |
| Alt + 2 | قسم الآلة الحاسبة |
| Alt + 3 | قسم محول الوحدات |
Percentage/
├── index.html # الصفحة الرئيسية
├── src/
│ ├── scripts/
│ │ ├── animations.js # محرك الحركات والتأثيرات
│ │ ├── calculator.js # الآلة الحاسبة + الوضع العلمي
│ │ ├── percentage.js # حاسبة النسبة المئوية
│ │ ├── converter.js # محول الوحدات + الحرارة
│ │ └── app.js # التطبيق الرئيسي + وضع PC
│ └── styles/
│ ├── base.css # المتغيرات والأساسيات
│ ├── layout.css # التخطيط + وضع PC
│ ├── components.css # المكونات + الوضع العلمي
│ ├── animations.css # تعريفات الحركات
│ └── responsive.css # التجاوب مع الشاشات
├── testsprite_tests/ # اختبارات TestSprite
├── .gitignore
└── README.md