JavaScript-3.5-JavaScript 函数-案例

最新推荐文章于 2023-04-08 16:13:24 发布

anh_qwh

最新推荐文章于 2023-04-08 16:13:24 发布

阅读量824

点赞数

分类专栏： WEB前端 JavaScript 文章标签： JavaScript 函数

本文链接：https://blog.csdn.net/qwh_python/article/details/102719634

版权

WEB前端同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

JavaScript

27 篇文章 0 订阅

订阅专栏

JavaScript-3.5-JavaScript 函数-案例

案例
- 一：使用函数实现计算机功能
- 二：递归

案例

一：使用函数实现计算机功能

使用 prompt 输入两个数和运算符号，计算两个数的操作结果
使用 switch 判断运算符号，调用函数计算两数结果

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算机</title>
</head>
<body>
	<button onclick="calc">点击计算</button> <br>
</body>

<script type="text/javascript">
	num1 = parseFloat(prompt("请输入第一个数："));
	fh = prompt("请输入运算符：");
	num2 = parseFloat(prompt("请输入第二个数："));
	switch(fh){
		case "+":
			document.write(num1+" "+fh+" "+num2+" "+"="+" ");
			document.write(num1+num2);
			break;
		case "-":
			document.write(num1+" "+fh+" "+num2+" "+"="+" ");
			document.write(num1-num2);
			break;
		case "*":
			document.write(num1+" "+fh+" "+num2+" "+"="+" ");
			document.write(num1*num2);
			break;
		case "/":
			document.write(num1+" "+fh+" "+num2+" "+"="+" ");
			document.write(num1/num2);
			break;
		default:
			document.write("请重新输入");
			break;
	}
</script>

</html>

效果动态图
在这里插入图片描述

二：递归

计算 1+2+3+…+10
计算 1!+2!+3!+…+10!

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>递归</title>
</head>
<body>
</body>

<script type="text/javascript">
	var sum = 0;
	!function(num){
		sum += num;
		num++;
		if(num<=10){
			arguments.callee(num);
		}
	}(1);
	console.log(sum);
</script>

</html>

效果图
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>递归</title>
</head>
<body>
</body>

<script type="text/javascript">
	var sum = 0,jie=1;
	!function(num){
		jie *= num;
		sum += jie;
		num++;
		if(num<=10){
			arguments.callee(num);
		}
	}(1);
	console.log(sum);
</script>

</html>

效果图
在这里插入图片描述

anh_qwh

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-3.5-JavaScript 函数-案例

JavaScript-3.5-JavaScript 函数-案例案例一：使用函数实现计算机功能二：递归案例一：使用函数实现计算机功能使用 prompt 输入两个数和运算符号，计算两个数的操作结果使用 switch 判断运算符号，调用函数计算两数结果<!DOCTYPE html><html lang="en"><head> <meta ch...
复制链接

扫一扫