使用js制作九九乘法表

使用js制作九九乘法表

简单粗暴:

<script>
	for (var j =1; j<=9;j++){
	        for (var i=1;i<=j; i++){
	            document.write(i +"*"+ j +"="+i*j+"&nbsp;&nbsp;");
	        }
	        document.write("<br/>")
</script>

运行结果
在这里插入图片描述
缺点:式子不整齐

优化:加入table 。代码如下:

 document.write("<table width='500'>");//整体边框
    for (var j =1; j<=9;j++){
        document.write("<tr>");//行边框
        for (var i=1;i<=j; i++){
            document.write("<td>");//单元格边框
            document.write(i +"*"+ j +"="+i*j+"&nbsp;&nbsp;");
            document.write("</td>");
        }
        document.write("</tr>");
        document.write("<br/>");   //换行要写在算法的外面
    }
    document.write("</table>");

运行效果:
在这里插入图片描述
PS:注意table,tr,td标签的位置以及换行的位置

发布了13 篇原创文章 · 获赞 0 · 访问量 214
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 1024 设计师: 上身试试

分享到微信朋友圈

×

扫一扫,手机浏览