倒直角三角形效果金字塔效果九九乘法表效果

时间：6年前阅读：4830

1、九九乘法表效果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript">
			for (var dd=1;dd<=9;dd++) {
				for (var ee=1;ee<=dd;ee++) {
					document.write(ee+'*'+dd+'='+ee*dd+'&nbsp;&nbsp;&nbsp')
				}
				document.write("</br>");
			}
	</script>
		</style>
	</head>
	<body>
	
	</body>
</html>

上面代码效果图片：

2、金字塔效果

上面图片效果的代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
//			for (var ee=1;ee<=5;ee++) {
////				先输出多少个a  5-ee
//				for (var dd=0;dd<5-ee;dd++) {
//					document.write("a");
//				}
////				输出i*2-1个b
//				for (var kk=0;kk<ee*2-1;kk++) {
//					document.write("b");
//				}
//				document.write("</br>")
//			}
			
			
//			var ntt=5;
//			for (var ee=1;ee<=ntt;ee++) {
////				先输出多少个a  5-ee
//				for (var dd=0;dd<ntt-ee;dd++) {
//					document.write("a");
//				}
////				输出i*2-1个b
//				for (var kk=0;kk<ee*2-1;kk++) {
//					document.write("b");
//				}
//				document.write("</br>")
//			}
			
	
	
			var ntt=prompt('请输入行数');
			for (var ee=1;ee<=ntt;ee++) {
//				先输出多少个a  5-ee
				for (var dd=0;dd<ntt-ee;dd++) {
					document.write("a");
				}
//				输出i*2-1个b
				for (var kk=0;kk<ee*2-1;kk++) {
					document.write("b");
				}
				document.write("</br>")
			}	
		</script>
	</head>
	<body>
	</body>
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

倒直角三角形效果 金字塔效果 九九乘法表效果

网友评论

倒直角三角形效果金字塔效果九九乘法表效果