JavaScript打印九九乘法表

最新推荐文章于 2023-09-12 22:03:09 发布

竹杖芒鞋看代码

最新推荐文章于 2023-09-12 22:03:09 发布

阅读量177

点赞数

本文链接：https://blog.csdn.net/weixin_43521197/article/details/102763796

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			td{
				border: 1px solid;
			}
		</style>
		
		<script type="text/javascript">
			
			document.write("<table align='center'>");
			
			//1.完成基本的for嵌套循环  展示乘法表
			for (var i=1; i<=9; i++) {
				document.write("<tr>");
				for (var j=1; j<=i; j++){
					document.write("<td>");
					//输出a*b=c
					document.write(j+" * "+i+" = "+(i*j)+"&nbsp;&nbsp;&nbsp;&nbsp;");
					document.write("</td>");
				}
			/*	//输出换行
				document.write("<br/>");	*/
				document.write("</tr>");
			}			
			//2.完成表格嵌套
			document.write("</table>");
		</script>
	</head>
	<body>
		
	</body>
</html>

下图为代码运行效果：

去掉表格的代码：

<script type="text/javascript">
			
	for (var i=1; i<=9; i++) {
		for (var j=1; j<=i; j++){
			//输出a*b=c
			document.write(j+" * "+i+" = "+(i*j)+"&nbsp;&nbsp;&nbsp;&nbsp;");
			}
		//输出换行
		document.write("<br/>");	
	}			
</script>

运行效果：

竹杖芒鞋看代码

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript打印九九乘法表

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> td{ border: 1px solid; } </style> ...
复制链接

扫一扫