用js打印菱形

来源：互联网发布：匡恩网络女副总裁编辑：程序博客网时间：2024/06/07 03:45
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body>    <input type="text" id="row">    <input type="button" onclick="test()" value="确定"></body></html><script>    //1、循环行数    //2、获取每一行星星的个数    //3、获取每一行空格的数量    //4、先循环每一行空格的数量，再循环每一行星星的数量    //5、每一行的空格和星星循环之后，输出换行    // 2*i-1代表中间一行以上每一行星星的个数    //2*(row-i+1)-1代表中间一行以下每一行星星的个数    //(row-x)/2代表空格的数量 x代表星星    function test(){        var row = parseInt(document.getElementById('row').value);        var mid = parseInt(row/2)+1;//mid代表中间一行        for(var i = 1; i<=row;i++){            //每一行星星的个数            if (i<mid) {                var x = 2*i-1;            } else{                var x = 2*(row-i+1)-1;            }            //空格的数量            var k = (row-x)/2;            //输出每一行空格的数量            for(var j = k; j > 0; j--){                document.write('&nbsp;')            }            //输出每一行星星的数量            for(var s = 1; s <= x; s++){                document.write('*')            }            document.write('<br>')        }    }</script>
阅读全文
0 0