Как собрать все значения input со страницы в массив?

Question

[andrey_levushkin]

Допустим, на странице есть N полей input

<input id="testId" class="testClass" type="number">
<input id="testId" class="testClass" type="number">
...
<input id="testId" class="testClass" type="number">

Как собрать с них значения в 1 массив?
Со всех полей

Answer 1

[Alex]

Примерно так:

Array.from(document.querySelectorAll('input')).map(inputElement => inputElement.value)

Answer 2

[Daniil Vasilyev]

Есть много способов
Первое, что пришло в голову:

<input name="test" class="testClass" type="number">
<input name="test" class="testClass" type="number">
<input name="test" class="testClass" type="number">

function getValues() {
  const numbers = [];
  const inputs = document.getElementsByName('test');

  for (const input of inputs) {
    numbers.push(Number(input.value));
  }

  return number;
}

Answer 3

[Tim]

Если нужны только значения

[...document.querySelectorAll('input')].map(v => v.value);

Или

Array.from(document.querySelectorAll('input'), v=> v.value);

Если нужны и другие атрибуты, то можно собрать такой массив объектов