如何从输入中获取多个字符串并将它们放入同一个数组中？

Question

如何从每个输入字段中取出一个字符串并将它们放在同一个数组中？

我目前的代码就是这个..

var input1 = document.querySelector('.form');
var btn = document.getElementById('btn');
var array = [];

btn.addEventListener('click', function(){

  array.push(input.value);
  
  console.log(array);


});
  

<div class="container mt-5">
  <div class="row">
    <div class="col-lg-12 text-center">
      <input type="text" class="form">
    </div>
  </div>
</div>


<div class="container mt-5">
  <div class="row">
    <div class="col-lg-12 text-center">
      <input type="text" class="form">
    </div>
  </div>
</div>

<button class="btn btn-primary text-center" id="btn">SUBMIT</button>

提前致谢。

Answer 1

使用Array.from用.form选择所有querySelectorAlls，并传递一个映射函数，从每个中提取.value：

const inputs = document.querySelectorAll('.form');
var btn = document.getElementById('btn');

btn.addEventListener('click', function(){
  const arr = Array.from(inputs, elm => elm.value);
  console.log(arr);
});

<div class="container mt-5">
  <div class="row">
    <div class="col-lg-12 text-center">
      <input type="text" class="form">
    </div>
  </div>
</div>


<div class="container mt-5">
  <div class="row">
    <div class="col-lg-12 text-center">
      <input type="text" class="form">
    </div>
  </div>
</div>

<button class="btn btn-primary text-center" id="btn">SUBMIT</button>