九九乘法表的业务逻辑

九九乘法表的业务逻辑

此处以打印*为例。两层for循环嵌套，第一次外层for循环打印一颗*,第二次外层for循环打印两颗*，以此类推…结论为内层循环次数和外层循环次数一致。

九九乘法表的两种打印方式

1) 在控制台打印

效果图如下：

代码如下：

<script>
for(var j = 1 ; j <= 9 ; j++) {
    var num = '';
    for(var i = 1 ; i <= j ; i++) {
        num += (i + 'x' + j + '=' + i*j +'\t');
    }
    console.log(num)
}
</script>

2)在浏览器上输出

效果图如下：

样式代码如下：

<style>
    table {
        background-color: yellow;
        margin: 0 auto ;
    }
     /* 隔行变色 */
    tr:nth-child(2n){
        background-color: red;
    }
     /* 隔行变色 */
    tr:nth-child(2n+1){
        background-color: green;
    }
    td {
        cursor: pointer;
        border: 1px solid #000;
    }
    tr:nth-child(2n) td:hover {
        background-color: rgb(201, 14, 191);

    }
    tr:nth-child(2n+1) td:hover {
        background-color: rgb(26, 211, 224);
    }
</style>

js代码如下：

<script>
document.write('<table>');
for(var j = 1 ; j <= 9 ; j++) {
    document.write('<tr>');
    for(var i = 1 ; i <= j ; i++){
        document.write('<td>'+i + 'x' + j + '=' + i*j+'</td>');
    }
    document.write('</tr>')
}
document.write('</table>');
</script>