المثلث الصحيح - حاسبة المنطقة عبر الإنترنت
بالنظر إلى ثلاثة أبعاد - أطوال ساقين وطول نقص الخواص ، على التوالي ، احسب المنطقة.
إذا كانت الأبعاد غير ممكنة لتشكيل مثلث صحيح ، فإنه في حالة تأهب.
محتويات
- جربها
- كيف تعمل
- المراجع الخارجية
جربها
يتكون الموقع من 5 ملفات: index.html ، result.php ، style.css ، resultsheet.css ، و script.js.
قم بتنزيلها هنا.
تحت دليل الجذر الخاص بك ، قم بإنشاء مجلد. اسمه "المثلث الأيمن". احفظ تلك الملفات في هذا المجلد.
ثم ، ابدأ خادمًا افتراضيًا. على متصفح الويب الخاص بك ، أدخل هذا العنوان: LocalHost/Right Triangle/Index.html
(على افتراض أنك تستخدم XAMPP على Windows)
أنت الآن على صفحة الإدخال.
في صفحة الإدخال ، سترى العنوان "المثلث الأيمن!" في الجزء العلوي ، ثلاث دوائر ، زر إرسال ،
وثلاثية زرقاء في أسفل الصفحة. هذه الدوائر الثلاثة هي في الواقع حقول الإدخال.
حاول أن تفعل الأشياء التالية:
- تحوم مؤشر الماوس الخاص بك على إحدى الدوائر
- تحوم مؤشر الماوس الخاص بك على زر الإرسال
- احمر مؤشر الماوس بالقرب من المثلث
- اترك واحدة أو جميع الحقول فارغة ثم اضغط على زر الإرسال
- لا تترك أي حقل فارغ ولكن إدخال حرف أبجدي إلى أحد الحقول ثم ضرب إرسال
بمجرد الانتهاء من ذلك ، حاول إدخال الأرقام لتلك الدوائر الثلاثة واضغط على زر الإرسال.
إنها أطوال الساق والساق والانقاذ ، على التوالي.
يجب أن يعيد توجيهك إلى صفحة النتائج. إذا قمت بإدخال 3 و 4 و 5 على التوالي ، فيجب عليك الحصول عليها
شيء مثل "المنطقة: 6". إذا قمت بإدخال 10 و 9 و 4 ، فيجب أن تحصل على شيء مثل "الأبعاد المعطاة
ليست مناسبة للمثلث الصحيح ".
كيف تعمل
عندما تحوم مؤشر الماوس بالقرب من المثلث ، يدور المثلث ويتحرك ، يتحول لونه إلى اللون الأحمر.
يتم ذلك عن طريق التصميم في محدد CSS مع فئة زائفة.
#trianle: تحوم {
الحدود: الصلبة 65 بكسل ؛
اللون الحدودي: شفافة شفافة #F12F2F شفافة ؛
الهامش: 0px ؛
التحويل: تدوير (180deg) Scalex (-1) ؛
}
لاحظ
transform: rotate(180deg) scaleX(-1);
مما يجعل المثلث يدور على التحويم.
بعد ذلك ، تحقق من ملف script.js. هناك 2 إذا كانت عبارات في ذلك ، والتي تخبر ما إذا كانت المدخلات غير صالحة.
يتحقق مما إذا كان المستخدم قد قام بإدخال شيء ما عن طريق مقارنته بـ
null
. أذكر أن NULL هو نوع بيانات
وهو ما يعني أساسا "لا شيء".
لدينا أيضًا وظيفة
isNan
للتحقق مما إذا كانت المدخلات رقمية. نان يقف على
n ot
a n umber.
إذا قمت بإدخال مدخلات صالحة ، فإن الرمز في تلك إذا لم يتم تنفيذ العبارات. JavaScript ثم ينشئ 3 ملفات تعريف الارتباط
مع الأسماء A ، B ، C على التوالي ، تخزن المدخلات التي قدمتها مسبقًا. ثم يعيد توجيهك إلى
صفحة النتيجة ، والتي هي النتيجة. php
في صفحة النتائج ، يقوم PHP بالرياضيات. أولاً ، يطلق على قيم ملفات تعريف الارتباط التي تم إنشاؤها بواسطة JavaScript في وقت سابق ،
وتخزين تلك القيم في ثلاثة متغيرات ، وهي
$a
،
$b
،
$c
.
ثم يستخدم نظرية فيثاغوراس للتحقق مما إذا كانت هذه القيم (التي هي أبعاد المثلث) يمكن أن تعوض أ
مثلث الحق. إذا أمكن ذلك ، فإن صفحة النتائج تعرض النص "منطقة:" مع منطقة المثلث بجانب.
إذا لم يتمكنوا من ذلك ، تعرض صفحة النتائج النص "الأبعاد المعطاة ليست مناسبة للمثلث الصحيح".
المراجع الخارجية
- الخادم الافتراضي
- ملفات تعريف الارتباط مع معالجة JavaScript
- PHP's $ _cookie
- نظرية فيثاغوراس