Javascript 如何创建一个大小为5的数组，以便它可以容纳用户输入的5个数字，然后使用for循环打印出内容？

我必须在数组中存储5个未知数字，然后在用户输入第5个数字后显示这些数字

有人能帮我创建一个大小为5的数组，然后使用for循环来显示数字吗

到目前为止，我掌握的代码是： 创建数组

---

请输入一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


透露数字

函数submitNumbers（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“number”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字！”；
}否则{
text=“您输入了正确的号码”；
}
document.getElementById（“demo”）.innerHTML=text；
}
函数submitNumberstwo（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numbertwo”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字！”；
}否则{
text=“您输入了正确的号码”；
}
document.getElementById（“demowo”）.innerHTML=text；
}
函数submitNumber三（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numberTree”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字”；
}否则{
text=“您输入了正确的号码！”；
}
document.getElementById（“DemoHREE”）.innerHTML=text；
}
函数submitNumbersfour（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numberfour”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字”；
}否则{
text=“您输入了正确的号码！”；
}
document.getElementById（“demofour”）.innerHTML=text；
}
函数submitNumbersfive（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numberfive”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字！”；
}否则{
text=“您输入了正确的号码”；
}
document.getElementById（“demofive”）.innerHTML=text；
}

更新：

（根据相关更新）

您的固定HTML：

<p>Please enter a number between 1 and 5:</p>
<input id="number">
<button id="btn1" type="button" onclick="submitNumbers()">Submit</button>
<p id="demo"></p>
<hr>
<p>Please enter another number between 1 and 5:</p>
<input id="numbertwo">
<button id="btn2" type="button" onclick="submitNumberstwo()">Submit</button>
<p id="demotwo"></p>
<hr>
<p>Please enter another number between 1 and 5:</p>
<input id="numberthree">
<button id="btn3" type="button" onclick="submitNumbersthree()">Submit</button>
<p id="demothree"></p>
<hr>
<p>Please enter another number between 1 and 5:</p>
<input id="numberfour">
<button id="btn4" type="button" onclick="submitNumbersfour()">Submit</button>
<p id="demofour"></p>
<hr>
<p>Please enter another number between 1 and 5:</p>
<input id="numberfive">
<button id="btn5" type="button" onclick="submitNumbersfive()">Submit</button>
<p id="demofive"></p>
<hr>
<button onclick="revealNumbers()">Reveal Numbers</button>
<p id="numbers"></p>

请输入一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


请输入另一个介于1和5之间的数字：

提交


透露数字

您的固定JavaScript：

<script>
    var numbers = []
    function submitNumbers() {
      var n, text;
      // Get the value of the input field with id="numb"
      n = document.getElementById("number").value;
      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("number").setAttribute('disabled', true);
          document.getElementById("btn1").setAttribute('disabled', true);
      }
      document.getElementById("demo").innerHTML = text;
    }
    function submitNumberstwo() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numbertwo").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("numbertwo").setAttribute('disabled', true);
          document.getElementById("btn2").setAttribute('disabled', true);
      }
      document.getElementById("demotwo").innerHTML = text;
    }
    function submitNumbersthree() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberthree").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5";
      } else {
          text = "You have entered a correct number!";
          numbers.push(n);
          document.getElementById("numberthree").setAttribute('disabled', true);
          document.getElementById("btn3").setAttribute('disabled', true);
      }
      document.getElementById("demothree").innerHTML = text;
    }
    function submitNumbersfour() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberfour").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5";
      } else {
          text = "You have entered a correct number!";
          numbers.push(n);
          document.getElementById("numberfour").setAttribute('disabled', true);
          document.getElementById("btn4").setAttribute('disabled', true);
      }
      document.getElementById("demofour").innerHTML = text;
    }
    function submitNumbersfive() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberfive").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("numberfive").setAttribute('disabled', true);
          document.getElementById("btn5").setAttribute('disabled', true);
      }
      document.getElementById("demofive").innerHTML = text;
    }

    function revealNumbers() {
      alert(numbers)
    }
</script>

变量数=[]
函数submitNumbers（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“number”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字！”；
}否则{
text=“您输入了正确的号码”；
数字。推（n）；
document.getElementById（“number”）.setAttribute（“disabled”，true）；
document.getElementById（“btn1”）.setAttribute（'disabled'，true）；
}
document.getElementById（“demo”）.innerHTML=text；
}
函数submitNumberstwo（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numbertwo”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字！”；
}否则{
text=“您输入了正确的号码”；
数字。推（n）；
document.getElementById（“numbertwo”）.setAttribute（'disabled'，true）；
document.getElementById（“btn2”）.setAttribute（'disabled'，true）；
}
document.getElementById（“demowo”）.innerHTML=text；
}
函数submitNumber三（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numberTree”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字”；
}否则{
text=“您输入了正确的号码！”；
数字。推（n）；
document.getElementById（“numberTree”）.setAttribute（'disabled'，true）；
document.getElementById（“btn3”）.setAttribute（'disabled'，true）；
}
document.getElementById（“DemoHREE”）.innerHTML=text；
}
函数submitNumbersfour（）{
变量n，文本；
//使用id=“numb”获取输入字段的值
n=document.getElementById（“numberfour”）.value；
//如果x不是一个数字或小于1或大于5
如果（isNaN（n）| n<1 | n>5）{
text=“请输入一个介于1和5之间的有效数字”；
}否则{
text=“您输入了正确的号码！”；
数字。推（n）；
document.getEle
<script>
    var numbers = []
    function submitNumbers() {
      var n, text;
      // Get the value of the input field with id="numb"
      n = document.getElementById("number").value;
      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("number").setAttribute('disabled', true);
          document.getElementById("btn1").setAttribute('disabled', true);
      }
      document.getElementById("demo").innerHTML = text;
    }
    function submitNumberstwo() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numbertwo").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("numbertwo").setAttribute('disabled', true);
          document.getElementById("btn2").setAttribute('disabled', true);
      }
      document.getElementById("demotwo").innerHTML = text;
    }
    function submitNumbersthree() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberthree").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5";
      } else {
          text = "You have entered a correct number!";
          numbers.push(n);
          document.getElementById("numberthree").setAttribute('disabled', true);
          document.getElementById("btn3").setAttribute('disabled', true);
      }
      document.getElementById("demothree").innerHTML = text;
    }
    function submitNumbersfour() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberfour").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5";
      } else {
          text = "You have entered a correct number!";
          numbers.push(n);
          document.getElementById("numberfour").setAttribute('disabled', true);
          document.getElementById("btn4").setAttribute('disabled', true);
      }
      document.getElementById("demofour").innerHTML = text;
    }
    function submitNumbersfive() {
      var n, text;

      // Get the value of the input field with id="numb"
      n = document.getElementById("numberfive").value;

      // If x is Not a Number or less than one or greater than 5
      if (isNaN(n) || n < 1 || n > 5) {
          text = "Please enter a valid number between 1 & 5!";
      } else {
          text = "You have entered a correct number";
          numbers.push(n);
          document.getElementById("numberfive").setAttribute('disabled', true);
          document.getElementById("btn5").setAttribute('disabled', true);
      }
      document.getElementById("demofive").innerHTML = text;
    }

    function revealNumbers() {
      alert(numbers)
    }
</script>

var arr = [];

arr.push(n);

function revealNumbers() {
  document.getElementById("numbers").innerHTML = arr.join(', ');
}