Javascript 控制台中输入到数组字段的未定义结果

为什么当我点击提交按钮时，所有按钮都没有定义

我想通过使用这样的输入字段创建一个数组

还有别的办法吗

我试着用类名来做，结果仍然没有定义

单击函数（）{
var input_value=document.querySelectorAll（'#data，#data1，#data2，#data3，#data4'）。value；
console.log（输入值）
}
document.getElementById（'btn'）。addEventListener（'click'，clicked）

单击我
查询选择器all
将返回一个类似于数组的“节点列表”。节点列表没有
值
属性，因此它返回未定义的值

如果希望从每个输入框中获取值，则需要循环遍历节点列表，并分别从每个HTML元素中提取
值

function clicked() {
    var nodeList = document.querySelectorAll('#data, #data1, #data2, #data3, #data4');
    for (var i = 0; i < nodeList.length; i++) {
      console.log(nodeList[i].value);
    }
}

document.getElementById('btn').addEventListener('click', clicked);

单击函数（）{
var nodeList=document.queryselectoral（“#data，#data1，#data2，#data3，#data4”）；
对于（变量i=0；i
将fn更改为：

function clicked() {
  var inputs= document.querySelectorAll('#data, #data1, #data2, #data3, #data4');
  inputs.forEach(i => {
    console.log(i.value);
  });
}

我希望它在控制台中返回纯数组