machinecat520
/
zj-Exercise


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
        1.打印99乘法表
        
        */

        //我做的
        //创建外层循环，控制乘法表的高度（行数）
        for(var i=1;i<10;i++){
            //创建内存循环，控制乘法表的宽度（列数）
            for(var j=1;j<i+1;j++){
                document.write(j+"×"+i+"="+j*i+"&nbsp;&nbsp;&nbsp;");
            }
            //换行
            document.write("<br/>");
        }

        //老师讲的
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write("<span>"+j+'*'+i+'='+i*j+"</span>");
            }
            //输出一个换行
            document.write('<br/>');
        }

        
    </script>
    <style>
        span{
            display: inline-block;
            width:80px;
        }
    </style>
</head>
<body>
    
</body>
</html>