zoukankan      html  css  js  c++  java
  • 99乘法表

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title></title>
     6 </head>
     7 <body>
     8 
     9     <!--<table border='1'>-->
    10         <!--<tr>-->
    11             <!--<td>1*1=1</td>-->
    12         <!--</tr>-->
    13         <!--<tr>-->
    14             <!--<td>1*2=2</td>-->
    15             <!--<td>2*2=4</td>-->
    16         <!--</tr>-->
    17         <!--<tr>-->
    18             <!--<td>1*3=3</td>-->
    19             <!--<td>2*3=6</td>-->
    20             <!--<td>3*3=9</td>-->
    21         <!--</tr>-->
    22     <!--</table>-->
    23 
    24 
    25 <script>
    26 
    27     //需求:利用table标签输入99乘法表。
    28     //思路:以前我们直接输出乘法表,现在我们利用tr和td标签输出,有了标签还有换行吗?不用换行了。
    29     //步骤:
    30     //1.table标签只需要输出一遍所以不需要for循环
    31     //2.tr标签需要输出9遍所以放入for循环
    32     //3.td标签需要45遍,而且还是三角形。所以我们利用双重for循环。
    33 
    34 
    35     //1.table标签只需要输出一遍所以不需要for循环
    36     document.write("<table border='1'>");
    37     //2.tr标签需要输出9遍所以放入for循环
    38     for(var i=1;i<=9;i++){
    39         document.write("<tr>");
    40         //3.td标签需要45遍,而且还是三角形。所以我们利用双重for循环。
    41         for(var j=1;j<=i;j++){
    42            document.write("<td>");
    43            document.write(j+"*"+i+"="+j*i);
    44            document.write("</td>");
    45         }
    46         document.write("</tr>");
    47     }
    48     document.write("</table>");
    49 
    50 </script>
    51 </body>
    52 </html>
  • 相关阅读:
    C#学习记录(一)
    C#学习记录(五)第一次上机实验
    C#学习记录(四)
    C#学习记录(三)
    统计代码行数
    夜深了
    写在岁末的烟花易冷
    c语言|博客作业02
    c语言I博客作业03
    设计模式之模板方法模式
  • 原文地址:https://www.cnblogs.com/BingBing-Deng/p/10238294.html
Copyright © 2011-2022 走看看