实训目的
学生能够使用函数完成简易计算器编写
操作步骤
1、请将加减乘除四个方法生成为以下函数，且有返回值
| 中文 | 英语 |
|---|---|
| 加法 | add |
| 减法 | subtract |
| 乘法 | multi |
| 除法 | division |
| 次幂 | pow() |
| 平方根 | sqrt() |
提示： 除法中的除数不能为0！
参考代码：
function add(num1, num2) {
return num1 + num2;
}
function subtract(num1, num2) {
return num1 - num2;
}
function multi(num1, num2) {
return num1 * num2;
}
function division(num1, num2) {
if (num2 == 0) {
return "除数不能为0!";
}
return num1 / num2;
}
function pow(num1, num2) {
return Math.pow(num1, num2);
}
function sqrt(num1) {
return Math.sqrt(num1);
}
2、使用分支语句，完成加减乘除的分类，参考如下
参考代码
function calc() {
let choose_number = prompt("欢迎使用简易计算器!请输入你要使用的功能：\n按1进行加法;\n按2进行减法;\n按3进行乘法;\n按4进行除法;\n按5进行次幂,\n按6进行平方根计算;\n按其他数退出运算");
let result = 0;
let num1;
let num2;
switch (Number(choose_number)) {
case 1:
break;
case 2:
break;
case 3:
break;
case 4:
break;
case 5:
break;
case 6:
break;
default:
alert("计算结束，已退出...")
}
}
3、输入数字后进入到对应的功能
4、完成后输出结果
步骤3-4参考代码
switch (Number(choose_number)) {
case 1:
num1 = Number(prompt("开始进行加法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = add(num1, num2);
alert("你的计算结果为：" + result);
break;
case 2:
num1 = Number(prompt("开始进行减法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = subtract(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 3:
num1 = Number(prompt("开始进行乘法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = multi(num1, num2);
alert("你的计算结果为：" + result);
break;
case 4:
num1 = Number(prompt("开始进行除法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = division(num1, num2);
alert("你的计算结果为：" + result);
break;
case 5:
num1 = Number(prompt("开始进行次幂\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = pow(num1, num2);
alert("你的计算结果为：" + result);
break;
case 6:
num1 = Number(prompt("开始进行求根\n请输入"));
result = sqrt(num1,);
alert("你的计算结果为：" + result);
break;
5、如果是其他数字，则退出
default:
alert("计算结束，已退出...")
6、正常计算结果后，提示是否继续计算，如果继续，则回到步骤1，取消结束计算
function isNext() {
let result = confirm("还需要继续计算吗?")
if (result) {
calc();
}else{
alert("感谢您的使用!")
}
}
申明方法后，在每个分支后调用
case 1:
num1 = parseFloat(prompt("开始进行加法\n请输入第一个数"));
num2 = parseFloat(prompt("请输入第二个数"));
result = add(num1, num2);
alert("你的计算结果为：" + result);
isNext();//继续调用
break;
case 2:
num1 = parseFloat(prompt("开始进行减法\n请输入第一个数"));
num2 = parseFloat(prompt("请输入第二个数"));
result = subtract(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
//......
最后直接调用运行页面文章来源：https://www.toymoban.com/news/detail-860892.html
//开始调用
calc();
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function add(num1, num2) {
return num1 + num2;
}
function subtract(num1, num2) {
return num1 - num2;
}
function multi(num1, num2) {
return num1 * num2;
}
function division(num1, num2) {
if (num2 == 0) {
return "除数不能为0!";
}
return num1 / num2;
}
function pow(num1, num2) {
return Math.pow(num1, num2);
}
function sqrt(num1) {
return Math.sqrt(num1);
}
function isNext() {
let result = confirm("还需要继续计算吗?")
if (result) {
calc();
}else{
alert("感谢您的使用!")
}
}
function calc() {
let choose_number = prompt("欢迎使用简易计算器!请输入你要使用的功能：\n按1进行加法;\n按2进行减法;\n按3进行乘法;\n按4进行除法;\n按5进行次幂,\n按6进行平方根计算;\n按其他数退出运算");
let result = 0;
let num1;
let num2;
switch (Number(choose_number)) {
case 1:
num1 = Number(prompt("开始进行加法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = add(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 2:
num1 = Number(prompt("开始进行减法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = subtract(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 3:
num1 = Number(prompt("开始进行乘法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = multi(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 4:
num1 = Number(prompt("开始进行除法\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = division(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 5:
num1 = Number(prompt("开始进行次幂\n请输入第一个数"));
num2 = Number(prompt("请输入第二个数"));
result = pow(num1, num2);
alert("你的计算结果为：" + result);
isNext();
break;
case 6:
num1 = Number(prompt("开始进行求根\n请输入第一个数"));
result = sqrt(num1,);
alert("你的计算结果为：" + result);
isNext();
break;
default:
alert("计算结束，已退出...")
}
}
//开始调用
calc();
</script>
</body>
</html>
因面向的是初学Web前端课程的学生，因此代码可能有一些逻辑问题。文章来源地址https://www.toymoban.com/news/detail-860892.html
到了这里，关于Web前端开发 小实训（二） 简易计算器的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
