Как узнать value у двух и более полей ввода и вывести эти значения в однотипный class?

Question

[Андрей]

Задался таким вопросом, как вывести из полей ввода с однотипным селектором, значение value в условный <div class="value"></div>, то есть получить разные value из одинаковых по селектору input и вывести эти значения в одинаковый class value. Теперь вопрос, такое можно сделать в Jquery, если да, то какими методами, может быть у кого-то есть простой пример, для изучения. В интернете по данному запросу ничего не нашел. Буду рад любой подсказке!

Comments

[Андрей]

Пытался так, но не выходит:

$(document).ready(function(){
    const values = $(".input_class").map( (i,el) => $(el).val() ).get().join(',');
    $('.value_inputs').html(values);
  });

Answer 1

[yanhaifa]

$(document).ready(function(){
    const values = [];
    $(".input_class").each(function(){ 
       values.push($(this).val())
     });
    $('.value_inputs').html( values.join(',') );
  });

Comments

[Андрей Гильгенберг]

А как это сделать без jquery?

[yanhaifa]

const values = [];
document.querySelectorAll('.input_class').forEach(el=>values .push(el.value))