كيفية إنشاء آلة حاسبة صغيرة: دليل خطوة بخطوة للمبتدئين

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

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

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

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

1. اختيار لغة البرمجة
2. إنشاء واجهة مستخدم
3. إضافة العمليات الحسابية الأساسية
4. تنفيذ مدخلات ومخرجات البيانات
5. إدخال البيانات
6. إخراج البيانات
7. التحقق من صحة البيانات المدخلة

اختيار لغة البرمجة

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

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

إنشاء واجهة مستخدم

قبل البدء في إنشاء آلة حاسبة صغيرة ، تحتاج إلى تصميم واجهة المستخدم.

سوف تحتاج إلى الترميز التالي:

1. حاوية ديف التي سيتم وضع جميع عناصر واجهة;
2. الإدخال-حقل لإدخال الأرقام;
3. أزرار لأداء العمليات الحسابية;
4. زر لمسح البيانات المدخلة;
5. حقل لعرض نتيجة العمليات.

إنشاء حاوية ديف التي سنقوم بتعيين معرف "آلة حاسبة".

...

داخل الحاوية ، سنضيف حقل إدخال وأزرار مع العمليات.

+

-

*

/

واضح

سنقوم أيضا بإضافة حقل لعرض النتيجة:

بعد ذلك ، ستبدو حاوية الواجهة كما يلي:

+

-

*

/

واضح

الآن لدينا الأساس لإنشاء آلة حاسبة صغيرة. في القسم التالي ، سنناقش كيفية ربط الواجهة بوظيفة الآلة الحاسبة.

إضافة العمليات الحسابية الأساسية

في الخطوات السابقة ، أنشأنا الأساس لآلة حاسبة مصغرة لدينا. حان الوقت الآن لإضافة عمليات حسابية أساسية: الجمع والطرح والضرب والقسمة.

أولا ، نحتاج إلى إضافة أزرار أو روابط لتحديد عملية. يمكننا استخدام العلامات أو لهذا الغرض.

يوجد أدناه مثال على رمز لإضافة أزرار التشغيل:

في هذا المثال ، نضيف أربعة أزرار برموز تشغيل ونخصص لكل منها وظيفة سيتم استدعاؤها عند النقر عليها. على سبيل المثال ، عند النقر فوق الزر " + " ، سيتم استدعاء وظيفة "الإضافة ()".

الآن دعونا تنفيذ كل من هذه الوظائف.

وظيفة الإضافة:

إضافة وظيفة () {

فار نوم1 = بارسيفلوت (وثيقة.جيتليمنتبيد ("رقم 1").القيمة);

var num2 = parseFloat(document.getElementById("num2").value);

var result = num1 + num2;

document.getElementById("result").innerHTML = num1 + " + " + num2 + " = " + result;

}

Функция вычитания:

function subtraction() {

var num1 = parseFloat(document.getElementById("num1").value);

var num2 = parseFloat(document.getElementById("num2").value);

var result = num1 - num2;

document.getElementById("result").innerHTML = num1 + " - " + num2 + " = " + result;

}

Функция умножения:

function multiplication() {

var num1 = parseFloat(document.getElementById("num1").value);

var num2 = parseFloat(document.getElementById("num2").value);

var result = num1 * num2;

document.getElementById("result").innerHTML = num1 + " * " + num2 + " = " + result;

}

Функция деления:

function division() {

var num1 = parseFloat(document.getElementById("num1").value);

var num2 = parseFloat(document.getElementById("num2").value);

var result = num1 / num2;

document.getElementById("result").innerHTML = num1 + " / " + num2 + " = " + result;

}

في كل من هذه الوظائف ، نقرأ قيم الأرقام من الحقول المقابلة للنموذج ، ونقوم بالعملية الحسابية اللازمة ونخرج النتيجة إلى العنصر باستخدام المعرف "النتيجة".

والآن بعد أن أضفنا العمليات الحسابية الأساسية ، لدينا آلة حاسبة صغيرة تعمل بكامل طاقتها وجاهزة للاستخدام!

تنفيذ مدخلات ومخرجات البيانات

عند إنشاء آلة حاسبة صغيرة ، من المهم أن تأخذ في الاعتبار إمكانية إدخال المستخدم وإخراج نتيجة الحساب. يمكن استخدام عناصر وطرق مختلفة للقيام بذلك.

إدخال البيانات

النتيجة 4