九九乘法表怎么实现

九九乘法表是一个优秀的数学算法,它就是我们从小就开始背诵的乘法口诀。可以说,九九乘法表的出现极大地推动了人类文明的进步。那么,在计算机程序中如何实现这一简单的算法呢?方法是有很多的,可以说,每种语言都有其实现的独特的方法。下面,小编通过用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#实现九九乘法表”

(0)

相关推荐

  • 用Excel2003做九九乘法表的方法

    一一得一;一二得二 二二得四;一三得三 二三得六 三三得九... 童鞋们听着是不是很熟悉?是的这时我们小时候每个人都要背的... 想给自己的孩子或学生制作一个九九乘法表让他随身携带便于记忆吗?这里小编 ...

  • WPS精简打造九九乘法表

    下面一起来看看怎么制作的吧! 1、建立一个空白表格,在A1输入1,拖动鼠标左I向右至I1、向下至A9,这样A1到I1、A1到A9内就分别输入1到9 2、在A10内输入公式“=IF(AND($A1> ...

  • 如何用模拟运算表在Excel2003中制作的九九乘法表

    童鞋们听着是不是很熟悉?是的这时我们小时候每个人都要背的... 一一得一;一二得二 二二得四;一三得三 二三得六 三三得九... 想给自己的孩子或学生制作一个九九乘法表让他随身携带便于记忆吗?这里小编 ...

  • WPS表格如何制作九九乘法表

    WPS表格如何制作九九乘法表

  • WPS表格怎么制作九九乘法表

    WPS表格怎么制作九九乘法表?大家对九九乘法表都很熟悉吧,我们在小学的时候就背的滚瓜烂熟了,下面小编就给大家带来WPS表格制作九九乘法表教程. 1.建立一个空白表格,在A1输入1,拖动鼠标左I向右至I ...

  • 如何用金山wps制作九九乘法表

    如何用金山wps制作九九乘法表

  • Excel怎么利用公式生成九九乘法表?

    Excel怎么利用公式生成九九乘法表? 建立一个工作表Sheet1(如图1),并在A3~A11单元格依次输入1~9,B2~J2单元格依次输入1~9. 图1 计算结果 "九九乘法表" ...

  • Excel制作九九乘法表步骤

    Excel制作九九乘法表步骤

  • Excel如何生成九九乘法表

    "九九乘法表"对大家来说都再熟悉不过了,但是要让你用鼠标轻轻一拖就能制作出它,却也不是一件容易的事情.下面我就利用Excel中的公式来试一试,还请各位"大虾"给 ...

  • Excel利用公式生成九九乘法表

    “九九乘法表”对大家来说都再熟悉不过了,但是要让你用鼠标轻轻一拖就能制作出它,却也不是一件容易的事情.下面小编就为大家介绍Excel利用公式生成九九乘法表方法,不会的朋友可以参考本文,来看看吧! 建立 ...