JavaScript实现输入指定行数，输出三角形的代码

最新推荐文章于 2024-04-05 22:25:01 发布

姜鸿阳

最新推荐文章于 2024-04-05 22:25:01 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/weixin_59042297/article/details/130667216

版权

JavaScript 专栏收录该内容

37 篇文章

订阅专栏

该文章介绍了一段JavaScript代码，该代码能在用户输入指定行数后，生成对应的三角形图案。代码在HBuilderX3.7.9中编写，可在其他兼容的编辑器如DW、VSCode中运行。文章提供了代码段、运行截图，并指出可能存在的不完善之处，鼓励读者反馈问题以改进。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下为实现输入指定行数，输出三角形的程序代码和运行截图

前言

1.若有选择，您可以在目录里进行快速查找；

2.本博文代码可以根据题目要求实现相关使用功能。同时可以实现自定义的设置；

3.本文介绍的是JavaScript代码习题，本博文使用的软件是HBuilder X3.7.9编写的代码，原则上其他软件如DW、VSCode或DW较低或较高版本的软件都是兼容的，若您有需要且编写软件不是HBX等软件原则上都是可以能正常运行的；

图1 编写软件举例（部分）

4.这里要特别说明，因为我使用的是HBX，所以是网页格式，我也单独把<script>语句粘贴了出来，有需要可直接复制<script></script>语句；

5.本博文代码是我在上学时写的，有一些地方没能完美实现，请包涵也请多赐教，若您发现了问题也请麻烦您将问题反馈给我，我好更正错误、总结完善、持续改善！

6.博文通常需要在浏览器运行，通常会弹出表单，输入数值并得出结果。本文使用的是谷歌浏览器，推荐使用谷歌浏览器；

7.若涉及侵权，请联系删除；

提示：以下是本篇文章正文内容，下面案例可供参考

一、实现输入指定行数，输出三角形

1.1 运行流程及思想

这是通过输入指定行数，输出指定行数三角形的代码。具体思想流程如下:

1.2 代码段

代码如下（示例）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			var n=parseInt(prompt("请输入行数:",0));
    for(var i = 1;i < n;i++){
           for(var j = 1;j <= n-i;j++){
			   
               document.write("&nbsp;");
           }
		   for(k=1;k<=i;k++){
			   document.write("*");
		   }
           document.write("<br/>");
       }
    </script>

	</head>
	<body>
	</body>
</html>

1.3 JavaScript语句代码

代码如下（示例）：

<script type="text/javascript">
			var n=parseInt(prompt("请输入行数:",0));
    for(var i = 1;i < n;i++){
           for(var j = 1;j <= n-i;j++){
			   
               document.write("&nbsp;");
           }
		   for(k=1;k<=i;k++){
			   document.write("*");
		   }
           document.write("<br/>");
       }
    </script>