实训目的
学生能够使用函数完成简易计算器编写
操作步骤
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;//......
最后直接调用运行页面
//开始调用
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前端课程的学生,因此代码可能有一些逻辑问题。