跳到主要内容

JavaScript 程序:制作一个简单的计算器

要理解这个示例,你应该掌握以下JavaScript编程主题的知识:

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

// 一个简单计算器的程序

// 获取运算符输入
const operator = prompt("请输入运算符(+、-、* 或 /): ");

// 获取操作数输入
const number1 = parseFloat(prompt("请输入第一个数字: "));
const number2 = parseFloat(prompt("请输入第二个数字: "));

let result;

// 使用 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;
}

// 显示结果
console.log(`${number1} ${operator} ${number2} = ${result}`);

输出

请输入运算符(+、-、* 或 /): *
请输入第一个数字: 3.4
请输入第二个数字: 5.6
3.4 * 5.6 = 19.04

在上述示例中,提示用户输入一个运算符(+-*/)和两个数字。

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

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

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

// 一个简单计算器的程序
let result;

// 获取运算符输入
const operator = prompt("请输入运算符(+、-、* 或 /): ");

// 获取操作数输入
const number1 = parseFloat(prompt("请输入第一个数字: "));
const number2 = parseFloat(prompt("请输入第二个数字: "));

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("无效的运算符");
break;
}

输出

请输入运算符: +
请输入第一个数字: 4
请输入第二个数字: 5
4 + 5 = 9

在上述程序中,要求用户输入 +-*/ 和两个数字。然后,switch 语句根据用户输入执行相应的案例。