js基础-九九乘法表-及实现的逻辑思路

 前述：终于抽出时间，整理了一些编程中所需基础知识。

九九乘法表--先看效果：

图表信息分析：

逻辑思路：

    //由逻辑图即可知逻辑思路：
    // 1、两个嵌套循环，遍历次数为：1-9；
    // 2、内部循环最大值为上一级循环i值,即:t<=i;。
    // 3、table tr td创建：
    //   (1)只有9行，因此tr放到第一个循环;
    //   (2)当行为N时创建N列，因此td放入到第二个循环中，赋值td数据，再加入到tr中即可。

具体实现：

<table id="table"></table>
<script tpye="text/javascript">
    window.onload = function () {
        //九九乘法表：
        var table = document.getElementById('table');
        for (i = 1; i < 10; i++) {
            var tr = document.createElement('tr');
            table.appendChild(tr);
            for (t = 1; t <= i; t++) {
                var td = document.createElement('td');
                td.innerHTML = t + "*" + i + "=" + (i*t)+"&emsp;";
                tr.appendChild(td);
            }
        }
    }
 
</script>