js打印各种几何图形，99乘法表

这几天一直在玩canvas，所以就想多练习下逻辑。

Document.png

99乘法表.png

• js

    var div1=document.getElementById('div1');

    var div2=document.getElementById('div2');
    var div3=document.getElementById('div3');
    var div4=document.getElementById('div4');
    var div5=document.getElementById('div5');
    var div6=document.getElementById('div6');
    var div7=document.getElementById('div7');
    var div8=document.getElementById('div8');
    var div9=document.getElementById('div9');
    var div10=document.getElementById('div10');
    var div11=document.getElementById('div11');
    var div12=document.getElementById('div12');
    var div13=document.getElementById('div13');



    div1.innerHTML='*
*';


    var str2='';
    for(var a=0;a<6;a++){
        str2+='* ';
    }
    div2.innerHTML=str2;


    var str3='';
    for(var b=0;b<6;b++){
        str3+='*
';
    }
    div3.innerHTML=str3;

    var str4='';
    for(var c=0;c<6;c++){
        for(var d=0;d<6;d++){
            str4+='* ';
        }
        str4+='
';

    }
    div4.innerHTML=str4;


    var str5='';
    for(var e=0;e<6;e++){
        for(var f=0;f

• html

一个*



一行6个*




一列6个*




6行6列




三角形1





打印6个空格，后跟星号




每行5个空格，后跟一个星号




等腰三角形 菱形




菱形2




空心金字塔




空心菱形




沙漏形




乘法表

• css(写这个是为了让空格更好看一些)

        .opa{opacity: 0;}