九九乘法表怎么实现
九九乘法表是一个优秀的数学算法,它就是我们从小就开始背诵的乘法口诀。可以说,九九乘法表的出现极大地推动了人类文明的进步。那么,在计算机程序中如何实现这一简单的算法呢?方法是有很多的,可以说,每种语言都有其实现的独特的方法。下面,小编通过用javascript语言为例,来为大家讲解吧。
操作方法
- 01
本方法是用前端流行的javascript语言实现。前端用到的编辑器有很多,本例通过选择 Sublime Text3编辑器来实现九九乘法表。首先打开电脑中安装的Sublime Text3, 新建demo文件夹用来存放文件,在里面新建一个 html文件,并命名标题。如图所示:
- 02
接下来,开始写js代码了。第一步,在 head标签包含的 title下面引入js代码,写在script标签里。然后直接用document.write输出一个table表格,并添加相应的样式。以便查看效果。如图所示: document.write("<table style='border:4px solid green;margin:28px auto;padding: 18px;' >");
- 03
接着,通过两个 for循环嵌套,分别来控制行数与列数。 i控制行数,即从1行至9行循环; j控制列数,即从1列至第9列。再输出表格行tr,来包围内部for循环,从而控制列数。就这样按照这个规律依次循环。代码如下: for (var i = 1; i < 10; i++) { //控制行数,即从1行至9行 document.write("<tr>"); for (var j = 1; j < 10; j++) { //j控制列数,即随着行数增加 document.write("</tr>"); } document.write("</table>");
- 04
然后,每循环一次再判断当前列数是不是小于等于行数,若成立,则打印出一个单元格,并给出其样式。格式为:行乘以列等于相应的值。 if (j <= i) document.write("<td style='border:2px solid #004B8A; background: #FFFFFF;'>" + i + "*" + j + "=" + (i * j) + "</td>"); //格式为行数乘以列数得两数之积 else document.write("<td style='border:none;'></td>"); }
- 05
最后,打印出表格尾。完整的js代码如下。于是,形成了我们所看到的9行9列的效果。这样,简单的九九乘法表就完成了。右键,点击在浏览器中查看,结果如图: <script type="text/javascript"> document.write("<table style='border:4px solid green;margin:28px auto;padding: 18px;' >"); for (var i = 1; i < 10; i++) { //控制行数,即从1行至9行 document.write("<tr>"); for (var j = 1; j < 10; j++) { //j控制列数,即随着行数增加 if (j <= i) document.write("<td style='border:2px solid #004B8A; background: #FFFFFF;'>" + i + "*" + j + "=" + (i * j) + "</td>"); //格式为行数乘以列数得两数之积 else document.write("<td style='border:none;'></td>"); } document.write("</tr>"); } </script> 附:关于C#如何实现九九乘法表,请查看(或者 点击下面的“经验引用”链接)我的另一篇经验“ C#实现九九乘法表”