Как сложить все значения динамически добавляемых input?

Question

[FrelFrloich]

Доброго вечера ребят, пытаюсь научиться динамическим вещам на js (в смысле нажал + добавилось поле input, - оно удалилось), но остро встал вопрос я никак не могу додуматься как сложить числа из инпутов.

Так как я решил если они добавляются по клику и убираются, я не могу же им класс задавать определённый и считать как со статичными, если их было бы 5 штук допустим я бы просто назвал input1, 2, 3 и тд, в том примере который я привёл поля не динамические, но думаю это не так критично, представим что мы добавили эти поля.

Прошу извинить, активных примеров с кучей решений нет, во первых я вообще не имею понятия как это сделать, во вторых мне откровенно стыдно, за то что что я пишу на Js.

В песочнице небольшой примерчик с "кодом".
https://codepen.io/FrelAderal/pen/mdMgdOV

Comments

[goshaLoonny]

Не уверен что я правильно понял вопрос, так что поправьте в комментах если что

[FrelFrloich]

goshaLoonny, Ну пока поправлять не в чем)) в орфографии я и сам не силён если вы об этом :D

[goshaLoonny]

FrelFrloich, я просто написал как обычно заранее и пошел писать код)

[FrelFrloich]

goshaLoonny, Блин фигово) извините я не знал, но с радостью посмотрю что вы написали, если вам не трудно.

[goshaLoonny]

FrelFrloich, ну так смотрите) Я ж опубликовал ответ)

[FrelFrloich]

goshaLoonny, Так вы и есть Чипекве)) вы меня путаете)

[goshaLoonny]

FrelFrloich, Вы уверены?)
Присмотритесь к нику повнимательнее)

[FrelFrloich]

goshaLoonny, Та это я понял что разные, просто я не увидел вашего решения, точнее его нет) Вот и подумал что вы одно и то же лицо)

[goshaLoonny]

FrelFrloich, Оно есть, просто оно ниже) Когда вы отмечаете какой-то ответ как решение то они разделяются
Есть раздел РЕШЕНИЯ ВОПРОСА и есть раздел ОТВЕТЫ НА ВОПРОС(он прямо под ним)
так вот мое решение в разделе ОТВЕТЫ НА ВОПРОС, а его в РЕШЕНИЯ ВОПРОСА

[FrelFrloich]

goshaLoonny, Блиин, извините, вообще завтыкал) Я думал это рекламная плашка какаянить)

Answer 1

[goshaLoonny]

Answer 2

[Чипекве]

const result = document.querySelector('.result');
const inputContainer = document.querySelector('.input-container');

inputContainer.addEventListener('input', () => {
  result.textContent = Array.from(
    inputContainer.querySelectorAll('.input_js'),
    input => Number(input.value)
  ).reduce((a, b) => a + b);
});

Comments

[FrelFrloich]

Я отмечу решённым, благодарю.