zoukankan      html  css  js  c++  java
  • javascript小程序——用嵌套循环来输出乘法口诀表

    在学习javascript过程中,一开始接触循环语句时一般拿乘法口诀表来练手,这里我将自己的练习贴在这里,希望能给和我一样的初学者些许帮助,也希望大神们能够不吝指教。
    首先,来看一下乘法口诀表是什么样子的,不要告诉我所有人都记得一清二楚哦!
    其次,乘法口诀表是一个表格,有行和列之分,用嵌套循环来输出时不可避免要用到两个参数,用i表示行号,用j表示列号。另外,我们输出时是将整个表格当做一个字符串来看待,所以设置字符串为res。代码如下:
    var res = “”,i,j;
    然后,先对行号进行循环,行号循环里面对列号进行循环。
    for( i=1;i<=9;i++){
    //j<=i才会阶梯型输出,如果是j<=9,那么输出的是9×9的矩形表格
    for(j=1;j<=i;j++){
    res += i + "×" + j + "=" + i*j +"&nbsp&nbsp&nbsp";
    }
    //换行
    res += "<br>";
    }
    最后,把res输出到HTML文档里面,代码如下:
    document.getElementById("div01").innerHTML = res;
    全部代码如下:
    <body>
    <div id="div01">
     
    </div>
    <script>
    var res = “”,i,j;
    for( i=1;i<=9;i++){
    for(j=1;j<=i;j++){
    res += i + "×" + j + "=" + i*j +"&nbsp&nbsp&nbsp";
    }
    res += "<br>";
    }
    document.getElementById("div01").innerHTML = res;
    </script>
    </body>
     
    使用javascript输出乘法口诀表的代码及讲解就是上面这些,第一次写这种总结,有些意犹未尽却不知道写什么的感觉,不妥之处请大家见谅并不吝指教。
  • 相关阅读:
    linux 防火墙管理
    自动化运维监控工具有哪些?常用的开源运维监控工具大全
    编程必备github代码仓库使用
    安全加密算法
    浅笑若风之高效工作流程
    jmeter压力测试工具使用
    ES扩容实战记录
    在5G+AI+CLCP下拉动互联网走向物联网
    设计模式之简单工厂模式
    设计模式之单例模式
  • 原文地址:https://www.cnblogs.com/zhengxj1991/p/5927313.html
Copyright © 2011-2022 走看看