JavaScript 循环应用 -- 编程例题

最新推荐文章于 2022-06-08 09:00:45 发布

好吃不腻

最新推荐文章于 2022-06-08 09:00:45 发布

阅读量502

点赞数 2

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45704735/article/details/109210184

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章目录

幂运算

运算结果
 运算结果2

代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>幂运算</title>
		<script type="text/javascript">
			function result(){
				var num1 = Number(document.getElementById("num1").value);
				var num2 = Number(document.getElementById("num2").value);
				if(isNaN(num1) || isNaN(num2)){
					alert("请输入数字");
					return;
				}
				var sum = 1;
				for (var i = 0; i < num2; i++) {
					sum *= num1;
				}
				document.getElementById("res").innerText=num1+"^"+num2+" = "+sum;
			}
		</script>
	</head>
	<body>
		<input type="text"  id="num1" placeholder="请输入一个数字" /><br />
		<input type="text"  id="num2" placeholder="请输入这个数的幂次方" /><br />
		<input type="button" value="计算" onclick="result()" /><br />
		<span id="res"></span>
	</body>
</html>

使用循环输出 1~50之间的偶数

运算结果
代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>输出1~50之间的偶数</title>
	</head>
	<body>
		<span>使用循环输出 1~50之间的偶数：</span><br />
		<script>
			for (var i = 2; i <=50 ; i += 2) {
				document.write(i+"<br />");
			}
		</script>
	</body>
</html>

使用循环求100以内奇数之和

运算结果
代码示例：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用循环求100以内奇数之和</title>
	</head>
	<body>
		<span>求100以内奇数之和：</span><br />
		<script>
			var sum = 0;
			for (var i = 1; i <= 100 ; i += 2) {
				sum += i;
			}
			document.write(sum+"<br />");
		</script>
	</body>
</html>

输出所有三位水仙花数

运算结果
代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>三位水仙花数</title>
	</head>
	<body>
		<span>三位水仙花数为: </span><br />
		<script>
			for (var i = 100; i < 1000; i ++) {
				var a1 = parseInt(i  % 10);
				var a2 = parseInt(i / 10 % 10);
				var a3 = parseInt(i / 100 );
				var sum = a1**3 + a2**3 + a3**3;
				//document.write(sum+"<br />");
				if (i == sum){
					document.write(i + "<br />");
					}
			}
			
		</script>
	</body>
</html>

输出指定行数的 * ，形成直角三角形

运算结果
 运算结果2
代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>直角三角形</title>
	</head>
	<body>
		<h3>输出指定行数的 * ，形成直角三角形 </h3>
		<input type="text" id="num" placeholder="请输入三角形的行数" /><input type="button" value="确定" onclick="submit()" />
		<br /><br />
		<textarea rows="30" cols="60" id = "res" >
		</textarea>
		<script>
			function submit() {
				var num = Number(document.getElementById("num").value);
				var str = "";
				for (var i = 0; i < num; i++) {
					for (var j = 0; j <= i; j++) {
						str +="*";
					}
					str +="\n";
				}
				document.getElementById("res").innerHTML=str;
			}
		</script>

	</body>
</html>