JavaScript-1.6-JavaScript 案例

最新推荐文章于 2022-07-09 21:39:52 发布

anh_qwh

最新推荐文章于 2022-07-09 21:39:52 发布

阅读量272

点赞数

分类专栏： WEB前端 JavaScript 文章标签：闰年计算器水仙花数

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/102510349

版权

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

61 篇文章 0 订阅

订阅专栏

JavaScript

27 篇文章 0 订阅

订阅专栏

JavaScript-1.6-JavaScript 案例

JavaScript 案例

JavaScript 案例

一：判断一个数是否为水仙花数

水仙花数是指一个 n 位数（n>=3），它的每个位上的数字的 n 次幂之和等于本身

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>水仙花数</title>
</head>
<body>
	<script type="text/javascript">
		// 提示用户输入一个三位正整数
		var num = prompt("请输入一个三位正整数：");
		var a = parseInt(num/100);
		var b = parseInt(num%100/10);
		var c = parseInt(num%10);
		var sum = a*a*a + b*b*b + c*c*c;
		document.write(sum==num?num + "是水仙花数":num + "不是水仙花数");
	</script>
</body>
</html>

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

二：闰年

能被4整除的普通年（不能被100整除的年份）或者能被400整除的世纪年（能被100整除的年份）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>水仙花数</title>
</head>
<body>
	<script type="text/javascript">
		var num = prompt("请输入一个正整数：");
		var a = num%4;
		var b = num%100;
		var c = num%400;
		/* 闰年
		能被4整除的普通年（不能被100整除的年份）；
		或者能被400整除的世纪年（能被100整除的年份）
		*/
		document.write(a==0&&b!=0||c==0&&b==0?num + "是闰年":num + "不是闰年");
	</script>
</body>
</html>

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

三：编写一个简单的计算器

实现两个数字的四则运算

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>加减乘除</title>
</head>
<body>
	<script type="text/javascript">
		var a = parseFloat(prompt("请输入一个数："));
		var b = prompt("请输入运算符：");
		var c = parseFloat(prompt("请输入一个数："));
		var sum
		document.write(b=="+"?a+c:(b=="-"?a-c:(b=="*"?a*c:(b=="/"?a/c:"输入错误，请重新输入"))));
	</script>
</body>
</html>

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

四：学生个人信息展示

分别输入学生的姓名、学号、班级以及年龄，然后以表格的形式输出展示

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学生个人信息展示</title>
</head>
<body>
	<script type="text/javascript">
		// 提示用户输入信息
		var name = prompt("Enter your name:");
		var num = prompt("Enter your number:");
		var class_number = prompt("Enter your class name:");
		var age = prompt("Enter your age:");
		
		// 将以表格的形式输出
		document.write("<table border='1'> <caption>学生个人信息展示</caption>");
		document.write("<tr>");
		document.write("<td>姓名</td><td>学号</td><td>班级</td><td>年龄</td>");
		document.write("</tr>");
		document.write("<tr>");
		document.write("<td align='center'>"+name+"</td>");
		document.write("<td align='center'>"+num+"</td>");
		document.write("<td align='center'>"+class_number+"</td>");
		document.write("<td align='center'>"+age+"</td>");
		document.write("</tr>");
		document.write("</tabel>");
	</script>
</body>
</html>