js 九九乘法表

最新推荐文章于 2022-02-27 11:07:50 发布

两个人的幸福online

最新推荐文章于 2022-02-27 11:07:50 发布

阅读量214

点赞数

分类专栏：小例子

本文链接：https://blog.csdn.net/weixin_42249565/article/details/86599705

版权

小例子专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<title>九九乘法表</title>
		<!--有事，有项目一起交流，q821642832 -->
	</head>
	<body>
		<style type="text/css">
			body{
				margin: 60px 0 0 60px;
			}
			.jiu{
				border: 1px solid #333;
				width: 100px;
				height: 30px;
				font: 18px/30px "courier new";
				line-height: 30px;
				text-align: center;
				display: inline-block;
				margin: 5px;
			}
		</style>
		<div id="lizhili">
			
		</div>
		

		
		<script type="text/javascript">
			var c='';
			for(var a=1;a<10;a++){
				for(var b=1;b<=a;b++){
					c+='<div class="jiu">'+a+'*'+b+'='+a*b+'</div>';
					if(a==b){
						c+='<br>';
					}
				}
			}
			
			document.getElementById("lizhili").innerHTML=c;
			
			
		</script>
	</body>
</html>