1. 程式人生 > 其它 >99乘法表(js+css)

99乘法表(js+css)

需求:

程式碼:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>99乘法表</title>
    <style>
        td{
            border: 1px solid;
        }
    </style>

    <script>

        document.write("<table  align='center'>");


        //1.完成基本的for迴圈巢狀,展示乘法表
        for (var i = 1; i <= 9 ; i++) {
            document.write("<tr>");
            for (var j = 1; j <=i ; j++) {
                document.write("<td>");

                //輸出  1 * 1 = 1
                document.write(i + " * " + j + " = " + ( i*j) +"&nbsp;&nbsp;&nbsp;");

                document.write("</td>");
            }
            /*//輸出換行
            document.write("<br>");*/

            document.write("</tr>");
        }

        //2.完成表格巢狀
        document.write("</table>");

    </script>
</head>
<body>

</body>
</html>