html，js写出一个99乘法表

利用js得到写出99乘法表

我们第一次接触到的数学公式应该就是99乘法表吧，小时候用的文具盒上面往往都印刷着这个表。如何利用js在网页上写出一个99乘法表呢？ 往这边看过来~

建立一个html文件

在script标签里先定义一个变量num。这个num就是乘法表中的每个等式的值。然后等式左边的数定义为i，右边的为j ，范围是1到9。

 for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;}
            }

当然不会这么简单的，到这一步的时候，是让所有1到9的i和所有1到9的j分别相乘，然而99乘法表中的一些重复的算式都给简化掉了，例如有了34=12，就不会再有43=12的等式，这个时候就需要再给出一个条件，让i始终小于j。

 for(var i=1 ;i<10;i++){
        for(var j=1;j<10;j++){
            num=i*j;
            if(j<=i) {
                 document.write(j + "*" + i + "=" + num + "    ");
             }}
            }

这个时候网页上呈现的算式全部都在同一行上面，完全没有达到我们预期的目标。
这个时候需要给他们加上换行。

document.write("
");

就这一句简单的代码就可以了。
看一下此时的效果图。

细心的小伙伴会发现，乘法表并没有对齐，由值为1位数的算式占据的空间少而导致错位的画面。我们需要给值为一位数的算式结果调整位置，同时结果为两位数的算式又不发生改变。
再给num的值加一个判断，

if(num/10<1){
             num="  "+i*j;
            }

num的值为1位数/10之后就小于1了，在这些值得前面加上空格标签，撑开位置。得到下面的效果图。

如效果图所示，排版基本上整齐了，如此，我们便在网页上写出来了乘法表。