JavaScript打印九九乘法表

最新推荐文章于 2023-09-12 22:03:09 发布

非早起选手

最新推荐文章于 2023-09-12 22:03:09 发布

阅读量3.2k

点赞数 3

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/zg0601/article/details/121392978

版权

JavaScript 专栏收录该内容

19 篇文章 1 订阅

订阅专栏

思路：使用二重循环进行打印，第一个乘数与行号相同，第二个乘数从1开始，最大与行号相同。用i表示第一个乘数，用j表示第二个乘数，则每一行i与j的关系是：j<=i。

代码如下：

HTML部分:

<br>    <!--为了页面显示好看一点-->

<div id="d1"></div>

<script type="text/javascript" src="js文件路径"></script>   <!--链接js文件-->

JavaScript部分：

function print(){

    var s = '';

    var f = '';

    for(var i=1;i<10;i++)

    {

        var h = '';

        for(var j=1;j<=i;j++)

        {

            var k = i*j;

            h += i+"×"+j+"="+k+"&nbsp;&nbsp;&nbsp;&nbsp;";  
            //用&nbsp;是因为要显示在HTML中，超过两个空格无效，就要用&nbsp;

            f += i+"×"+j+"="+k+"  ";
            //为了在控制台检验一下

        }

        // console.log(h);

        s += h+"<br>"+"<br>";
        //<br>与上面&nbsp;原理一样，在HTML换行不能使用换行符'\n'

        f += "\n";

    }

    document.getElementById('d1').innerHTML = s;
    //在HTML页面内显示s的内容

    console.log(f);

}

print();

输出结果如下：

浏览器页面：