Javascript X值为真后如何获取myArray？

我正在尝试创建一个程序，如果用户输入一个介于1-9之间的X数，它将接受该X数并创建X数的行和列。例如，如果用户输入5，则输出应如下所示： 1. 2. 3. 4. 5

我现在无法用我的代码让它显示输出。我对JavaScript还是新手，因此非常感谢您的帮助

函数drawSquare{ 设myArray1=[1]； 设myArray2=[.1,2.]； 设myArray3=[…1,2,3]； 设myArray4=[…1，…2，.3，…4]； 设myArray5=[； 设myArray6=[…1，…2，…3，…4…，.5…，6…]； 让myArray7=[…1，…2，…3，…4，…5，…6，…7，…]； 让myArray8=[…1，…2，…3，…4，…5，…6，…7，…，8……]； 让myArray9=[； 设l1=myArray1.长度； 设l2=myArray2.lenght； 设l3=myArray3.1长度； 设l4=myArray4.1长度； 设l5=myArray5.5长度； 设l6=myArray6.length； 设l7=myArray7.length； 设l8=myArray8.length； 设l9=myArray9.length； 让number=document.getElementByIdtextbox3 让getNumber=number.value 如果getNumber！=1 | | getNumber>9{ 警告您输入的号码不正确； }如果getNumber=1，则为else{ 文本=； 对于i=0；i

输出到此处 函数drawSquare{ var n=document.getElementByIdtextbox3.value； n=parseIntn； var-str=； 对于变量i=0；i=0；j-{ 如果j==i{ str+=i； }否则{ str+='； } } str+=； } //console.logstr； $'output2'.htmlstr； } 输入我们的squareDraw Square的高度

输出到此处 函数drawSquare{ var n=document.getElementByIdtextbox3.value； n=parseIntn； var-str=； 对于变量i=0；i=0；j-{ 如果j==i{ str+=i； }否则{ str+='； } } str+=； } //console.logstr； $'output2'.htmlstr； } 输入我们的squareDraw Square的高度

---

输出到这里

使用textarea的小实现。它使用要绘制的行数来知道要绘制多少点，具体取决于您正在绘制的行

document.getElementById'rowCount'。addEventListener'input'，function e{ var rowCount=parseInte.target.value.trim | | |“0”，10； var textarea=document.getElementsByTagName'textarea'[0]； textarea.innerHTML=； 对于变量i=1；i 1 textarea.innerHTML+=\n； textarea.innerHTML+='.'。repeatrowCount-i； textarea.innerHTML+=i； textarea.innerHTML+='.'.repeati-1； } };

---

使用textarea的小实现。它使用要绘制的行数来知道要绘制多少点，具体取决于您正在绘制的行

document.getElementById'rowCount'。addEventListener'input'，function e{ var rowCount=parseInte.target.value.trim | | |“0”，10； var textarea=document.getElementsByTagName'textarea'[0]； textarea.innerHTML=； 对于变量i=1；i 1 textarea.innerHTML+=\n； textarea.innerHTML+='.'。repeatrowCount-i； textarea.innerHTML+=i； textarea.innerHTML+='.'.repeati-1； } };

---

按照你明确回答问题的方式：

. . . . 1
. . . 2 .
. . 3 . .
. 4 . . .
5 . . . .

解决办法是：

$("#generate_square").click(function(){
    let number = $("#number").val();
  let square = $("#square_gen");
  let str = "";
  let number_shown = 1;
  for(var dcolumns = 1; dcolumns<=number; dcolumns++){
    for(var drows = 1; drows<=number; drows++){
        if( drows === number_shown ){
        str += number_shown+"  ";

      }else{
       str +="0  ";
      }
    }
    str += "<br>";
    number_shown++;
  }
  square.append(str);
});

这里有一把小提琴在工作：

---

按照你明确回答问题的方式：

. . . . 1
. . . 2 .
. . 3 . .
. 4 . . .
5 . . . .

解决办法是：

$("#generate_square").click(function(){
    let number = $("#number").val();
  let square = $("#square_gen");
  let str = "";
  let number_shown = 1;
  for(var dcolumns = 1; dcolumns<=number; dcolumns++){
    for(var drows = 1; drows<=number; drows++){
        if( drows === number_shown ){
        str += number_shown+"  ";

      }else{
       str +="0  ";
      }
    }
    str += "<br>";
    number_shown++;
  }
  square.append(str);
});

这里有一把小提琴在工作：