Javascript 制作一个程序，输出宽度和高度基于输入中数字的线条图案

我想设计一个程序来输入一个正整数，通过使用XX个字符–输出一个有n行的数字，每行k有k对XX

例如，如果输入为5，则输出为：

XX
XX XX
XX XX XX
XX XX XX XX
XX XX XX XX XX

XX
XX XX
XX XX XX

如果输入为3，则输出为：

XX
XX XX
XX XX XX
XX XX XX XX
XX XX XX XX XX

XX
XX XX
XX XX XX

我所尝试的：

函数图（）{
var outputObj=document.getElementById（“输出”）；
outputObj.style.fontSize=“11px”；
outputObj.style.textAlign=“left”；
var n=parseInt（提示（“请输入一个数字：”，“”）；
对于（var x=1；x来说，您离这里不远。这些循环只需要调整，以便它们彼此更加依赖

具体来说，您需要每行输出正确数量的
XX
s，而不是每次只输出一行-根据您的要求，利用
k
确定这一点。并且只有当打印的
XX
s的数量等于当前行号时，才应创建新行（即当
k
与
x
相同时）

演示：


函数图（）{
var outputObj=document.getElementById（“输出”）；
var n=parseInt（提示（“请输入一个数字：”，“”）；
对于（var x=1；x）“基于输入输出图形的程序”…如果你从逻辑上得出结论，这就是世界上每一个计算机程序在基本层面上所做的。作为一个问题标题，它毫无意义。Stackoverflow的存在不是为了做别人的作业。你有没有尝试过？如果有，请在你的问题“我必须这样做”中包含它…是的，你知道。我们不是免费的“编写我的代码”服务或教程网站。当你陷入困境时，我们会帮助你。通常，除非是琐事，否则我们不会把现成的解决方案放在盘子上交给你。本网站的目的是创建有用、有趣和广泛适用的编程问题库，以方便未来读者。为您做家庭作业并不能帮助我们实现这一目标。一旦您尝试实现这一点并在某个特定的地方遇到问题，请询问我们一些更具体的问题。您的代码存在运行时错误-如果您运行我刚刚创建的代码段，您会看到这是因为未定义
I
。您的控制台中是否会出现相同的错误当你自己运行它的时候？或者你从你发布的内容中漏掉了什么？你认为
i
的价值是什么？请注意给我们一个准确的样本。@ADyson样板文件是，看起来这两个循环实际上是他的尝试。谢谢你的帮助。如果问题不清楚，很抱歉，我是这个社区的新成员。这是一个错误一旦你发布了代码，就更清楚了：-）。这是一个很好的小谜题，最终需要解决。无论如何，如果答案有帮助，请记住将其标记为“接受”-谢谢！