1. 程式人生 > >利用javascript列印兩行星、直角三角形、正方形和九九乘法表

利用javascript列印兩行星、直角三角形、正方形和九九乘法表

使用JavaScript的for迴圈使*標記產生題目要求。

利用*列印兩行星,程式碼實現如下:

 <script type="text/javascript">
for(var i=1;i<3;i++){
     for(var j=1;j<11;j++){
       document.write("*");
     }
     document.write("<br/>");
    }
</script>
利用五角星列印直角三角形,外層迴圈控制列,內層迴圈控制行,程式碼實現如下:
<script type="text/javascript">
for(var i=1;i<=9;i++){
    for(var j=10-i;j<=9;j++){
     document.write("☆");
     document.write("&nbsp;&nbsp;");
    }
    document.write("<br>");
}
</script>

利用五角星列印正方形,外層迴圈控制列,內層迴圈控制行,程式碼實現如下:

<script type="text/javascript">
for(var i=1;i<=9;i++){
    for(var j=1;j<=9;j++){
    document.write("☆");
    document.write("&nbsp;&nbsp;");
    }
    document.write("<br>");
}
</script>

列印九九乘法表,程式碼實現如下:

方法一:

 <script type="text/javascript">
for(var i=1;i<10;i++){
    for(var j=1;j<i+1;j++){
        document.write(i+"*"+j+"="+i*j);
        document.write("&nbsp;&nbsp;&nbsp&nbsp;");
    }
    document.write("<br>");
    document.write("<br>");
}
  </script>

方法二:(藉助表格列印九九乘法表)

<script type="text/javascript">
document.write("<table border='1'>");
    for(var i=1;i<10;i++){
        document.write("<tr>");
        for(var j=1;j<i+1;j++){
            document.write("<td>");
            document.write(i+"*"+j+"="+i*j);
            document.write("</td>");
        }
        document.write("</tr>");
    }
    document.write("</table>");
</script>