تعلم كيفية بناء آلة حاسبة تفاعلية باستخدام 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}`;
}