JavaScript打印九九乘法表

最新推荐文章于 2022-04-05 21:16:53 发布

好想吃螺蛳粉ヾ

最新推荐文章于 2022-04-05 21:16:53 发布

阅读量4.5k

点赞数 6

分类专栏： JavaScript HTML CSS 文章标签：九九乘法表

本文链接：https://blog.csdn.net/qq_45466648/article/details/100125276

版权

JavaScript 同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

HTML

8 篇文章 0 订阅

订阅专栏

CSS

6 篇文章 0 订阅

订阅专栏

打印九九乘法表

形式一：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>99乘法表</title>
</head>
<style>
	div{
		width: 80px;
		display: inline-block;
	}
	table td{
		width: 80px;
	}
</style>
<body>
	<script>
        for(var i=1;i<=9;i++){
			for(var j=1;j<=i;j++){
			    document.write('<div>'+i+'*'+j+'='+i*j+'</div>');
			}
			document.write('<br />');
		}
		document.write('<hr />');
	</script>
</body>
</html>

形式二

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>99乘法表</title>
</head>
<style>
	div{
		width: 80px;
		display: inline-block;
	}
	table td{
		width: 80px;
	}
</style>
<body>
	<script>
        for(var i=9;i>0;i--){
			for(var j=1;j<=i;j++){
				document.write('<div>'+i+'*'+j+'='+i*j+'</div>');
			}
			document.write('<br />');
		}	
		document.write('<hr />');
	</script>
</body>
</html>

形式三

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>99乘法表</title>
</head>
<style>
	div{
		width: 80px;
		display: inline-block;
	}
	table td{
		width: 80px;
	}
</style>
<body>
	<script>
        document.write("<table>");   
		for (var x = 9; x>=1; x--){  
		    document.write("<tr>"); 
			//这层是循环输出空格子的
			for(var i=1;i<10-x;i++){
				 document.write("<th></th>");  
			}	
			//再倒过来输出
			for (var y = x; y>=1; y--){  
	        	document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   
		    }  
		}  
		document.write("</table>");
		document.write("<hr />");
	</script>
</body>
</html>

形式四

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>99乘法表</title>
</head>
<style>
	div{
		width: 80px;
		display: inline-block;
	}
	table td{
		width: 80px;
	}
</style>
<body>
	<script>
        document.write("<table>");   
		for (var x = 1; x<=9; x++){  
		    document.write("<tr>"); 
			//这层是循环输出空格子的
			for(var i=1;i<10-x;i++){
				 document.write("<th></th>");  
			}	
			//再倒过来输出
			for (var y = x; y>=1; y--){  
	        	document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   
		    }  
		}  
		document.write("</table>");
	</script>
</body>
</html>