js三角形

JavaScript010

js三角形,第1张

在其中定义了两层 for 循环,分别为外层循环和内层循环,外层循环用于控制打印的行数。内层循环用于打印“ * ”,每一行的“ * ”个数逐行增加,最后输出一个三角形。下面分步骤进行详细地讲解,具体如下:

<script type="text/javascript">

        function printTri(x)

        {

            //放进段落,段落居中,自然就居中了

            document.write("<p align='center'>")            

            for (var i = 1 i <= x i++)

            {                

                var arr = [ 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']

                var pos  =  0

                for (var j = 1 j <= x - i + 1 j++)

                {

                    document.write(" ")

                    pos = Math.round(Math.random() * (arr.length - 1))                    

                    var icon = arr[pos]

                    document.write(" " + icon +" ")

                }

                document.write("<br>")

            }

            document.write("</p>")

        }

        printTri(10)    </script>

可以使用以上代码实现,请采纳。

效果如下: