Hello Blog Garden-九九乘法表

Hello world,Hello Blog Garden 

        首先自我介绍一下 ,一个刚毕业的初级菜鸟程序员,目前从事前端开发工作,选择来博客园一方面是想学习和成长,另一方面是想将自己的成长经历分享出来。学习编程语言对我来说真的很难,一个高考英语35分的人,但笨鸟先飞。我希望多年以后看这篇文章的时候脸上露着笑,也希望那时候自己有所成就。

  小学学习数学也是从九九乘法表开始,现在我也通过九九乘法表开始我的博客园生涯。第一次通过双重for循环写九九乘法表的时候我发现不使用换行看起来一点也不像乘法表,后来我通过在页面上打印表格,形成行和列的方式打印出了比较美观的效果。代码如下:

<script>
  // 使用document.write()在页面打印内容的时候会覆盖原有页面其他内容
        document.write("<table>");
        for (var i = 1; i < 10; i++) {
            document.write("<tr>");
            for (var j = 1; j <= i; j++) {
                document.write("<td>");
                document.write(i + "*" + j + "=" + i * j);             
                document.write("</td>");
            }
            document.write("</tr>")
        }
        document.write("</table>")
 </script>
效果如下(页面截图)
  当然也可以使用<br/>换行的方式,但缺点是不美观,为了使其美观一点我选择添加了&nbsp;&nbsp;使其增加空格,但不推荐使用&nbsp;      优点是代码少
<script>
        for (var i = 1; i < 10; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(i + "*" + j + "=" + i * j);
                document.write("&nbsp;&nbsp;&nbsp;");
            }
            document.write("<br/>");
        }
</script>
效果如下(页面截图)
菜鸟进阶之路,欢迎批评教育          2019-09-21  17:11:08

猜你喜欢

转载自www.cnblogs.com/zhzq1111/p/11563765.html