• 用原生js实现一个页面乘法口诀表


    今天我自己用js实现了一个页面乘法口诀表(如图),在控制台中输入哦!

    来共享给大家,做的不是很好,如果大家有新的想法可以跟我交流哦。

    代码如下:

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
    <script>
    for(var r=0;r<=9;r++){
    for(var i=1,str="";i<=r;i++){
    str+=i+"x"+r+"="+i*r+" ";
    }
    console.log(str);
    }
    var tab = document.createElement('TABLE');
    tab.style.border = '1px solid black';
    tab.style.borderCollapse='collapse';
    for(var i = 1; i <=9 ; i++){
    var tr = document.createElement('TR');
    tab.appendChild(tr);
    for(var j = 1,str=""; j<=i ; j++){
    str=j+"x"+i+"="+i*j+" ";
    var td = document.createElement('TD');
    td.style.border = '1px solid black';
    td.style.height = '20px';
    td.innerHTML=str;
    tr.appendChild(td);
    }
    }
    document.body.appendChild(tab);
    
    </script> 
    </body>
    </html>
  • 相关阅读:
    左式堆
    winsock库
    二叉堆
    关键字explicit
    HDOJ 1012
    HDOJ 1013
    STL priority实例
    二项队列
    ASP.NET Session过期问题揭秘
    RenderControl (asp.net)
  • 原文地址:https://www.cnblogs.com/weiyf/p/5996671.html
Copyright © 2020-2023  润新知