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输出乘法口诀表的代码及讲解就是上面这些,第一次写这种总结,有些意犹未尽却不知道写什么的感觉,不妥之处请大家见谅并不吝指教。
  • 相关阅读:
    C语言学习笔记<九>
    C语言学习笔记<六>
    C语言学习笔记<八>
    C语言学习代码〈五〉
    C语言学习笔记<七>
    红队笔记横向移动总结
    pikachu通关
    java线程监控
    项目空负载服务器使用cpu过高
    @NotBlank注解使用不生效的解决办法
  • 原文地址:https://www.cnblogs.com/zhengxj1991/p/5927313.html
Copyright © 2011-2022 走看看