javascript-如何使这个数组工作？

我正在努力完成Woz-U Exeter LMS（在线编码课程）中的一项作业。我不知道如何为以下指令集创建正确的代码：

在javascript文件中，创建一个名为idCard的函数

创建两个名为age和phoneNumber的变量，使用DOM提取相应输入的值

创建名为numberArray的空数组

将年龄和电话号码变量都推入空数组

创建一个for循环，该循环将遍历numberArray

在for循环中编写if/elseif语句。检查索引i处的numberArray是否小于或等于100。如果是，则使用DOM innerHTML编写“Age:”加上变量Age。检查索引i处的numberArray是否大于100。如果是，请使用DOM innerHTML编写“Phone Number:”加上变量phoneNumber

HTML文件摘录：

   <input id="age">
   <input id="phoneNumber">

<br><button onclick="idCard()">Get ID card!</button>

<div id="idCard">

   <p id="postAge"></p>
   <p id="postPhoneNumber"></p>

</div>

function idCard(idCard) {
  var age = parseInt(document.getElementById("age").value);
  var phoneNumber = parseInt(document.getElementById("phoneNumber").value);

  var numberArray = [];
  numberArray.push("age").value;
  numberArray.push("phoneNumber").value;

  for (var i = 0; i < numberArray.length; i++);{
    if (numberArray[i] <= 100){
      document.getElementById("postAge").innerHTML = ("Age:" + " " + age);
    }
    else if (numberArray[i] > 100){
      document.getElementById("postPhoneNumber").innerHTML = ("Phone Number" + " " + phoneNumber);
    }
  }   
}

拿身份证！

JAVASCRIPT文件摘录：

   <input id="age">
   <input id="phoneNumber">

<br><button onclick="idCard()">Get ID card!</button>

<div id="idCard">

   <p id="postAge"></p>
   <p id="postPhoneNumber"></p>

</div>

function idCard(idCard) {
  var age = parseInt(document.getElementById("age").value);
  var phoneNumber = parseInt(document.getElementById("phoneNumber").value);

  var numberArray = [];
  numberArray.push("age").value;
  numberArray.push("phoneNumber").value;

  for (var i = 0; i < numberArray.length; i++);{
    if (numberArray[i] <= 100){
      document.getElementById("postAge").innerHTML = ("Age:" + " " + age);
    }
    else if (numberArray[i] > 100){
      document.getElementById("postPhoneNumber").innerHTML = ("Phone Number" + " " + phoneNumber);
    }
  }   
}

功能识别卡（idCard）{
var age=parseInt（document.getElementById（“age”）.value）；
var phoneNumber=parseInt（document.getElementById（“phoneNumber”）.value）；
var numberArray=[]；
numberArray.push（“年龄”）.value；
numberArray.push（“phoneNumber”）.value；
对于（var i=0；i

当我尝试单击onCLick按钮时，我希望输入的数据会发布到相应的段落标记中。取而代之的是，数据从我的输入表单中清除，然后消失。

TL；博士 这就是您想要实现的目标：

// Cache DOM
const button = document.querySelector('#clickButton')

button.addEventListener('click', idCard)

function idCard() {
  const ageElement = document.querySelector('#postAge')
  const phoneNumberElement = document.querySelector('#postPhoneNumber')
  const age = document.querySelector('#age').value
  const phoneNumber = document.querySelector('#phoneNumber').value
  const numberArray = [age, phoneNumber]

  /* Seems a bit redundant for static additions */
  // numberArray.push(age)
  // numberArray.push(numberArray)

  numberArray.forEach(x => (
    x <= 100 
      ? ageElement.textContent = `Age: ${age}` 
      : phoneNumberElement.textContent = `Phone: ${phoneNumber}`
  ))
}

//缓存DOM
const button=document.querySelector（“#clickButton”）
按钮。addEventListener（'click'，idCard）
函数idCard（）{
const ageElement=document.querySelector（“#postAge”）
const phonenumberrelation=document.querySelector（“#postPhoneNumber”）
const age=document.querySelector（“#age”）.value
const phoneNumber=document.querySelector（“#phoneNumber”）.value
const numberArray=[年龄，电话号码]
/*对于静态添加来说似乎有点多余*/
//数字推送（年龄）
//numberArray.push（numberArray）
numberraray.forEach（x=>(
x我调试了你的代码，并在行后用
x
标记了更正。你离我不远。@Rick van den Broek为进一步改进他的答案提出了一些很好的建议


函数idCard（）{
var age=parseInt（document.getElementById（“age”）.value）；
var phoneNumber=parseInt（document.getElementById（“phoneNumber”）.value）；
var numberArray=[]；
numberArray.push（年龄）；//x
numberArray.push（phoneNumber）；//x
对于（var i=0；i



拿身份证！


我能看到的第一件事是
numberArray.push（“age”）.value；
应该是
numberArray.push（age）；
，电话号码也是如此。你已经得到了这个值，你想使用变量
age
而不是字符串。还有一些输入错误：
for（var I=0；I+numberArray.length；I++）；{
应该是
for（var i=0；i
@Andy谢谢。实现更改后，单击onClick按钮并没有像以前那样冻结页面。