利用JS输出一个5*5表格

努力的耿耿努力

已于 2022-02-09 17:35:10 修改

阅读量1.7k

点赞数

文章标签： javascript 前端 html

于 2021-10-29 08:46:38 首次发布

本文链接：https://blog.csdn.net/m0_49266584/article/details/121027395

版权

刚学JS的同学来看看，利用JS输入一个5*5的表格，简单无比！

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js 输出5*5表格</title>
    <script type="text/javascript">
    
		//用弹框内容自己控制表格的长宽和边框
        var  w = prompt("请输入表格的宽度");
        var  h = prompt("请输入表格的高度");
        var  b = prompt("请输入表格的边框");
        
        //随机生成0~255的值。
        var num1 =Math.random()*255;
        var num2 =Math.random()*255;
        var num3 =Math.random()*255;

        console.log(w,h,b)
        document.write("<table width="+w+"  height="+h+"  border="+b+" style='background:rgb("+num1+","+num2+","+num3+")'>")
        document.write("<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>");
        document.write("<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>");
        document.write("<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>");
        document.write("<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>");
        document.write("<tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>");
        document.write("</table>");

    </script>
</head>
<body>
</body>

</html>