js的简单的小练习-正方形、三角形、九九乘法表、带表格的九九乘法表

最新推荐文章于 2022-04-03 15:44:47 发布

qq_36487828

最新推荐文章于 2022-04-03 15:44:47 发布

阅读量1.1k

点赞数 1

文章标签：正方形三角形九九乘法表带表格的九九乘法表

本文链接：https://blog.csdn.net/qq_36487828/article/details/52903372

版权

<script>
//js的简单的小练习-正方形、三角形、九九乘法表、带表格的九九乘法表
<script/>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>正方形</title>
</head>
<body>
    <script>
        //正方形
        for(var i = 1;i<=6; i++){//控制行，6行;
            for(var j = 1;j<=6; j++){//控制列，6列;
                document.write("☆");//☆占两个字符，*占一个字符
            }
            document.write("<br/>");
        }

	//三角形
	for(var i =1;i<=9;i++){//控制行，9行;
   	     for(var j =1;j<=i;j++){//控制列，9列;
       	         document.write("☆");//☆占两个字符，*占一个字符
   	       }
   	     document.write("<br/>");
	}
    	//九九乘法口诀表
   	 for(var i =1;i<=9; i++){
       	    for(var j =1;j<=i; j++){
            	document.write(j+"x"+i+"="+i*j+"\t");
             }
             document.write("<br/>");
   	 }
        
        //带表格的九九乘法口诀表
        document.write("<table border='1'  cellpadding='9'>");
        for(var i= 1;i<=9;i++){     //控制行
            document.write("<tr>");
            for(var j= 1;j<=i;j++){     //控制列
                document.write("<td>");
                document.write(j+"\t"+"X"+"\t"+i+"\t"+"="+"\t"+i*j+"\t");
//                document.write("<td/>");
            }
//            document.write("<tr/>");
        }
        document.write("<table/>");

    
    </script></body></html>

qq_36487828

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
js的简单的小练习-正方形、三角形、九九乘法表、带表格的九九乘法表

script>//js的简单的小练习-正方形、三角形、九九乘法表、带表格的九九乘法表script/>html>html>head lang="en"> meta charset="UTF-8"> title>正方形title>head>body> script> //正方形 for(var i = 1;i6; i++){//控制行
复制链接

扫一扫