用js写九九乘法表格,附带背景颜色

Posted 青苹果……

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用js写九九乘法表格,附带背景颜色相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- CSS样式 -->
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        table {
            width: 800px;
            height: 350px;
            margin: 100px auto;
            text-align: center;
            border-collapse: collapse;
        }

        table,
        td {
            border: 1px solid #000;
        }
    </style>
</head>

<body>
</body>

<script>
    // 原始版
    // document.write("<table>");
    // var j = 1;
    // while (j <= 9) {
    //     document.write("<tr>");
    //     var i = 1;
    //     while (i <= j) {
    //         document.write("<td>" + i + "*" + j + "=" + (i*j) + "</td>");
    //         i++;
    //     }
    //     document.write("</tr>");
    //     j++;
    // }
    // document.write("</table>");
 
 //- - -分割线- - - -

    // 附带奇偶数换色版
    document.write("<table>");

    for (var h = 1; h <= 9; h++) {  //循环行数
        // 奇偶数行换色
        if (h % 2 == 1) {
            document.write("<tr style=‘background:pink;‘>");
        } else {
            document.write("<tr style=‘background:#6ff;‘>");

        }

        for (var g = 1; g <= h; g++) {  //循环列数,且列要小于等于行数

            // 隔列变色
            if (g % 2 == 1) {
                document.write("<td style=‘background:pink;‘>" + g + "*" + h + "=" + g * h + "</td>");
            } else {
                document.write("<td style=‘background:#6ff;‘>" + g + "*" + h + "=" + g * h + "</td>");
            }
        }
        document.write("</tr>");
    }

    document.write("<table>");
</script>

</html>

以上是关于用js写九九乘法表格,附带背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

怎么用python写一个九九乘法表?

c语言用for循环写九九乘法表 我写了一个,能否帮我解释一下每行的含义和为啥这么写

怎样用js编写九九乘法表?

用JSP编写一个九九乘法表问题?

在java中编写九九乘法表的程序,重要的是帮忙解释一下!

九九乘法表- python-6种方法