logo

حاسبة جافا سكريبت

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

المثال 1: إنشاء حاسبة JavaScript باستخدام لغات البرمجة JavaScript وHTML وCSS.

Build.html

عكس السلسلة في ج
 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 
اختبره الآن

انتاج |

عند تنفيذ البرنامج أعلاه على أي متصفح تظهر الصورة أدناه.

حاسبة جافا سكريبت

الآن نقوم بإجراء عمليات متعددة في حاسبة JavaScript بالضغط على الزر الرقمي، كما هو موضح:

حاسبة جافا سكريبت

بعد الانتهاء من العمليات اضغط على ' = زر (يساوي) لإرجاع نتيجة عرض حاسبة جافا سكريبت .

وظيفة بيثون مركز حقوق الإنسان
حاسبة جافا سكريبت

علاوة على ذلك، يمكننا إزالة النتيجة المعروضة أو الرقم الخاطئ واحدًا تلو الآخر في النهاية الخلفية من خلال النقر على B ( خلف ) زر. إذا أردنا إزالة الرقم المرئي بالكامل، فاضغط على زر C ( يلغي ) من الحاسبة.