JavaScript-1.6-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>

效果动态图

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值