首页 > 技术文章 > js函数在页面上打印一个N行M列的表格,表格内容填充为1~100之间的随机数

cupid10 2020-04-26 19:52 原文

按自己输入的行和列输出一个表格,表格内容填充为1~100之间的随机数

    <body>
        <input type="text" name="" id="n1">
        <input type="text" name="" id="n2">
        <input type="button" value="生成表格" id="btn">
    </body>
    <script>
          // 编写一个函数,在页面上打印一个N行M列的表格,表格内容填充0
        var n1=document.getElementById("n1");
        var n2=document.getElementById("n2");
        var btn=document.getElementById("btn");
        btn.onclick=function(){
            var row=Number(n1.value);
            var col=Number(n2.value);
            tab(row,col)
        }
        function tab(n,m){
        document.write("<table border=1 cellpadding=0 cellspacing=0 >");
         for(var i=0; i<n; i++){
                 document.write("<tr>");
             for(var j=0; j<m; j++){
                    document.write("<td style='width: 40px; height: 40px;'>");
                    document.write( Math.round( Math.random()*100 ) );
                    document.write("</td>");
                 }
                document.write("</tr>");
             }
                    document.write("</table>");
        }
    </script>

推荐阅读