Здравствуйте!
Попал в тупик. На странице есть 3 инпута
<input class="class_input" type="text" value="Инпут 1">
<input class="class_input" type="text" value="Инпут 2">
<input class="class_input" type="text" value="Инпут 3">
JS вытаскивает все инпуты с классом "class_input", а потом выводит в консоль их значения через запятую.
let inputs = document.querySelectorAll('.class_input');
let valInput = [];
for (let index = 0; index < inputs.length; index++) {
valInput.push(inputs[index].defaultValue);
}
valInput = valInput.join();
console.log(valInput);
Выходит: Инпут 1, Инпут 2, Инпут 3.
Всё норм.
Но если на странице изменить в значениях инпута текст и попытаться снова его вывести в логи, то выводится старые значения, а не то что мы ввели.
Как исправить эту проблему?