JavaScript 制作简单计算器程序

示例 1：使用 if..else if...else 的简单计算器

// program for a simple calculator

// take the operator input
const operator = prompt('Enter operator ( either +, -, * or / ): ');

// take the operand input
const number1 = parseFloat(prompt('Enter first number: '));
const number2 = parseFloat(prompt('Enter second number: '));

let result;

// using if...else if... else
if (operator == '+') {
    result = number1 + number2;
}
else if (operator == '-') {
    result = number1 - number2;
}
else if (operator == '*') {
    result = number1 * number2;
}
else {
    result = number1 / number2;
}

// display the result
console.log(`${number1} ${operator} ${number2} = ${result}`);

输出

Enter operator ( either +, -, * or / ): *
Enter first number: 3.4
Enter second number: 5.6
3.4 * 5.6 = 19.04

在上面的示例中，系统会提示用户输入一个 运算符（+、-、* 或 /）和两个数字。

parseFloat() 将数字 字符串 值转换为浮点数值。

使用 if...else if...if 语句来检查用户输入的运算符条件。执行相应的操作并显示输出。

示例 2：使用 switch 的简单计算器

// program for a simple calculator
let result;

// take the operator input
const operator = prompt('Enter operator ( either +, -, * or / ): ');

// take the operand input
const number1 = parseFloat(prompt('Enter first number: '));
const number2 = parseFloat(prompt('Enter second number: '));

switch(operator) {
    case '+':
         result = number1 + number2;
        console.log(`${number1} + ${number2} = ${result}`);
        break;

    case '-':
         result = number1 - number2;
        console.log(`${number1} - ${number2} = ${result}`);
        break;

    case '*':
         result = number1 * number2;
        console.log(`${number1} * ${number2} = ${result}`);
        break;

    case '/':
         result = number1 / number2;
        console.log(`${number1} / ${number2} = ${result}`);
        break;

    default:
        console.log('Invalid operator');
        break;
}

输出

Enter operator: +
Enter first number: 4
Enter second number: 5
4 + 5 = 9

在上面的程序中，系统会要求用户输入 +、-、* 或 /，以及两个数字。然后，switch 语句根据用户输入执行相应的 case。

另请阅读

• JavaScript 程序：两个数字相加
• JavaScript 程序：显示乘法表