Javascript 将值推入空数组？

我最近刚刚接触编程和JavaScript。我不知道为什么这不起作用。我试图将数字插入一个空数组。然后将它们显示在id为“value”的div中

我的JavaScript：

var array = new Array();
// var array = [];

$(document).ready(function() {
  $('#btn').on('click', function() {
    var $input = $('#input').val();
    array.push($input);
  });
  $('#value').text(array);
  console.log(array);
});

我的HTML：

<div id="number">
  <input type="text" id="input">
  <button id="btn"> Submit </button>
</div>

提交

当文档准备就绪时，可以渲染一次空数组。向数组中添加更多项不会使用新项重新呈现DOM。您需要在每次单击时通过移动

$（'#value'）.text（数组）来更新DOM编码到单击事件处理程序中：


var数组=新数组（）；
//var数组=[]；
$（文档）.ready（函数（）{
var$input=$（“#input”）；
var$value=$（“#value”）；
$（'#btn'）。在（'click'，function（）上{
var val=$input.val（）；
array.push（val）；
$value.text（数组）；
console.log（数组）；
});
});

添加
当文档准备就绪时，可以渲染一次空数组。向数组中添加更多项不会使用新项重新呈现DOM。您需要在每次单击时通过移动
$（'#value'）.text（数组）来更新DOM编码到单击事件处理程序中：


var数组=新数组（）；
//var数组=[]；
$（文档）.ready（函数（）{
var$input=$（“#input”）；
var$value=$（“#value”）；
$（'#btn'）。在（'click'，function（）上{
var val=$input.val（）；
array.push（val）；
$value.text（数组）；
console.log（数组）；
});
});

添加
提醒您，输入字段提供的是字符串而不是整数

看一看:


var myArray=[]；
$（函数（）{
$（'#btn'）。在（'click'，function（）上{
var$input=$（'#input'）.val（）；
push（parseInt（$input））；
console.log（myArray）
$（'#value'）.text（“[”+myArray.join（“，”+“]）；
});
});
.input{
填充：10px；
字体系列：Arial、Helvetica、无衬线字体；
字号：1em；
}
.输入{
宽度：60px；
高度：1.25em；
}
.输入按钮{
填充物：25em.6em；
}
.产出{
字体系列：Arial、Helvetica、无衬线字体；
字号：1em；
}

添加
提醒您，输入字段提供的是字符串而不是整数

看一看:


var myArray=[]；
$（函数（）{
$（'#btn'）。在（'click'，function（）上{
var$input=$（'#input'）.val（）；
push（parseInt（$input））；
console.log（myArray）
$（'#value'）.text（“[”+myArray.join（“，”+“]）；
});
});
.input{
填充：10px；
字体系列：Arial、Helvetica、无衬线字体；
字号：1em；
}
.输入{
宽度：60px；
高度：1.25em；
}
.输入按钮{
填充物：25em.6em；
}
.产出{
字体系列：Arial、Helvetica、无衬线字体；
字号：1em；
}

添加
哪个部分不是“不工作”？在单击处理程序中显示html toMove
$（'#值）。文本（数组）
。@JaredSmith非常感谢您！我意识到它只加载了一次，每次插入新值后都需要更新它。通过将其移动到我的点击处理程序中，实现了这一目的。谢谢！哪一部分不是“不起作用”？在单击处理程序中显示html tooMove
$（'#值）。文本（数组）
。@JaredSmith非常感谢您！我意识到它只加载了一次，每次插入新值后都需要更新它。通过将其移动到我的点击处理程序中，实现了这一目的。谢谢！