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

在网页中，除了上传图片，文字，声息等信息，更多的时候是上我们自己去编写一个算法，来实现某项特定的功能和输出。下面我们就以杨辉三角为例：要在网页中输出一个杨辉三角，首先要知道杨辉三角的定义：它是一种二项系数在三角形中的几何排列，每个端点和结尾的数都为1，每个数等于它上方数之和、第N行的数有N项等，下面，就让我们一起用JS代码一起来实现在网页中输出一个杨辉三角吧！

操作方法

  • 01

    首先，在网页头部，输入JS代码的内联样式，定义一个一维数组(yang),如图

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

    运行程序，最后输出结果如图

赞 (0)

相关推荐

  • 如何用js做一个网页无限弹出窗口把浏览器弹崩溃

    如何用js做一个网页无限弹出窗口把浏览器弹崩溃?如果你想做一个整蛊网页,利用js可以轻易实现.不过小编建议不是非常熟悉的朋友之间不要轻易进行整蛊,否则容易让人心生厌烦.下面,小编就来给大家介绍如何用j ...

  • win10系统如何用Edge浏览器在网页中添加备注

    win10系统如何用Edge浏览器在网页中添加备注

    Edge是win10系统自带的浏览器软件,有些用户不知道如何用Edge浏览器在网页中添加备注,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的Edge浏览器,进入需要添 ...

  • 怎样用Visual Studio在网页中插入一张背景图片

    制作网页就需要插入背景图片,如何用Visual Studio在网页中插入背景图片呢?笔者与大家分享一下操作. 操作方法 01 首先,Visual Studio打开一个网站,本例为TwoFish,在网站 ...

  • 怎么下载网页中漫画的原画？

    当我们喜欢一部漫画时, 会想要保存下来作为收藏,不过有的人选择截图的方法会导致画面清晰度下降,所以教大家一个方法如何用搜狗浏览器下载网页中漫画的原画 操作方法 01 首先打开搜狗浏览器,搜索自己想要下 ...

  • IE有效避免恶意网页中恶意代码的攻击

    恶意网页成了宽带的最大威胁之一。以前使涌Modem，因为打开网页的速度慢，在完全打开前关闭恶意网页还有避免中招的可能性。现在宽带的速度这么快，所以很容易就被恶意网页攻击。 一般恶意网页都是因为加入了用 ...

  • 导航栏下拉框在网页中的代码表示

    html:即超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 超文本标记语言(15张) 它通过标记符号来标记要显示的网页中的各个部分.网页文件本身是一种文本文件,通过在文本文件 ...

  • HTML网页中怎么写插入图片的代码

    网站都有很多的图片,你知道在代码中怎么插入图片吗. 操作方法 01 在代码中经常用到的插入图片代码是img属性,格式就是<img src="" alt="" ...

  • 如何在网页中加入或取消弹窗代码

    如何在网页中加入或取消弹窗代码,下面让我们一起来分享具体的代码,希望对大家有所帮助. 操作方法 01 首先,将如下代码加入网页html的<head>区:<script>func ...

  • 如何在html中调用js代码

    我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面小编给大家分享一下. 操作方法 01 首先打开Sublime text软件编写一个html页面,如下图所示 ...