如何用JS代码在网页中输出杨辉三角

在网页中 , 除了上传图片 , 文字 , 声息等信息 , 更多的时候是上我们自己去编写一个算法 , 来实现某项特定的功能和输出 。 下面我们就以杨辉三角为例:要在网页中输出一个杨辉三角 , 首先要知道杨辉三角的定义:它是一种二项系数在三角形中的几何排列 , 每个端点和结尾的数都为1 , 每个数等于它上方数之和、第N行的数有N项等 , 下面 , 就让我们一起用JS代码一起来实现在网页中输出一个杨辉三角吧!工具/材料 dw等代码编辑工具
操作方法 01 首先 , 在网页头部 , 输入JS代码的内联样式 , 定义一个一维数组(yang),如图

如何用JS代码在网页中输出杨辉三角

文章插图

02 定义一个变量I , 用for循环判断I是否等于数组的长度 , 行数如图

如何用JS代码在网页中输出杨辉三角

文章插图

03 如果I等于数组的长度 , 数组I的值就等于I+1 , 第一行第一列就等于1 , 如图

如何用JS代码在网页中输出杨辉三角

文章插图

04 再定义一个变量J , 判断数组的列数J是否等于数组行数I , 如果 , 如图

如何用JS代码在网页中输出杨辉三角

文章插图

05 判断第行数和列数是否相等 , 如果是输出1 , 如图

如何用JS代码在网页中输出杨辉三角

文章插图

06 如查行数和列数不相等 , 那么再判断前一行和前一列是不是大于等于0 , 如里是 , 那么数组的第N行、第N列就等于数组的前一行前一列加上数组的前一行和当前列 , 如图

如何用JS代码在网页中输出杨辉三角

文章插图

07 遍历数组 , 为数组元素设置字体、背景颜色和换行 , 并在网页中输出 , 如图

如何用JS代码在网页中输出杨辉三角

文章插图

08 【如何用JS代码在网页中输出杨辉三角】运行程序 , 最后输出结果如图

如何用JS代码在网页中输出杨辉三角

文章插图



以上内容就是如何用JS代码在网页中输出杨辉三角的内容啦 , 希望对你有所帮助哦!

    推荐阅读