Javascript 在数组中添加输入值

我创建了下一个代码：

var b=document.getElementById（“btn”）；
b、 addEventListener（'click'，函数（）{
var a=document.createElement（“输入”）；
document.getElementById（'container'）.appendChild（a）；
});
var c=document.getElementById（'btn2'）；
c、 addEventListener（'click'，函数（）{
document.querySelector（“输入”）.remove（）；
});
var d=document.getElementById（'btn3'）；
d、 addEventListener（'click'，函数（）{
var-arr=[]；
var items=document.querySelectorAll（'input'）；
for（var i=0；i
push（）
方法返回数组的长度，并将其打印出来。将元素推送到数组后，需要记录数组

push（）方法将一个或多个元素添加到数组的末尾，然后
返回数组的新长度

对于（var i=0；i您可以实现更优化的语法，使用spread（
..
）运算符、
.map
函数和arrow（
=>
）函数使代码更有效、更可读：

var arr = [...document.querySelectorAll('input')].map(elem => elem.value);


var b=document.getElementById（“btn”）；
b、 addEventListener（'click'，函数（）{
var a=document.createElement（“输入”）；
document.getElementById（'container'）.appendChild（a）；
});
var c=document.getElementById（'btn2'）；
c、 addEventListener（'click'，函数（）{
document.querySelector（“输入”）.remove（）；
});
var d=document.getElementById（'btn3'）；
d、 addEventListener（'click'，函数（）{
var arr=[…document.querySelectorAll（'input'）].map（elem=>elem.value）；
控制台日志（arr）；
})；
h1{
文本对齐：居中；
}
#容器输入{
边缘底部：20px；
边框：2件纯蓝；
}
#容器输入：类型的第n个（奇数）{
边框：2倍纯红；
}
#容器{
宽度：25%；
保证金：自动；
}
钮扣{
显示：块；
边框：1px纯黑；
背景色：白色；
填充：15px；
颜色：黑色；
}
待办事项列表
推
删除
add
console.log（arr.push（…）
将返回数组的新长度-这是您想要的吗？
var arr = [...document.querySelectorAll('input')].map(elem => elem.value);