HTML 99乘法表

原创已于 2022-09-15 13:16:34 修改 · 334 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #java #html

于 2022-09-15 13:15:00 首次发布

这篇博客展示了如何使用HTML、CSS和JavaScript来创建一个动态的乘法表格。通过JavaScript的for循环，程序自动生成了9x9的乘法表，并以居中对齐的方式显示在网页上，每个单元格都带有边框，清晰地展示乘法运算的结果。

源代码:

	<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 边框 -->
	<style>
		td{
			border: 1px solid;
		}
	</style>
	<body>
		<script type="text/javascript">
			//设置居中
			document.write("<table align='center'>")
			//for循环
			for(i=1;i<10;i++){
				document.write("<tr>")//表格行
				for(j=1;j<=i;j++){
					document.write("<td>")//表格数据
					document.write(j+"*"+i+"="+(j*i)+"");//输出
					document.write("</td>")
				}
				document.write("</tr>")
			}
			document.write("</table>")
		</script>
	</body>

试图: