آلة حاسبة تفاعلية

الهدف التعليمي

تعلم كيفية بناء آلة حاسبة تفاعلية باستخدام JavaScript، مع تطبيق مبادئ التحقق من المدخلات وعرض النتائج بشكل تفاعلي.

الشرح البرمجي
// دالة تنفيذ العمليات الحسابية
function calculate(operation) {
    const num1 = parseFloat(document.getElementById("num1").value);
    const num2 = parseFloat(document.getElementById("num2").value);
    const resultDiv = document.getElementById("result");
    let result;

    // التحقق من صحة المدخلات
    if (isNaN(num1) || isNaN(num2)) {
        resultDiv.textContent = "من فضلك، أدخل أرقامًا صالحة.";
        resultDiv.classList.add("error");
        return;
    }

    // تنفيذ العملية المحددة
    switch (operation) {
        case 'add':
            result = num1 + num2;
            break;
        case 'subtract':
            result = num1 - num2;
            break;
        case 'multiply':
            result = num1 * num2;
            break;
        case 'divide':
            if (num2 === 0) {
                resultDiv.textContent = "خطأ: القسمة على صفر غير مسموح بها!";
                resultDiv.classList.add("error");
                return;
            }
            result = num1 / num2;
            break;
        default:
            result = "عملية غير معروفة!";
    }

    // عرض النتيجة
    resultDiv.textContent = `النتيجة: ${result}`;
}