Получение значений input'ов и их отрисовка

109
10 июня 2019, 21:30

У меня есть много полей ввода цифр с одним классом, мне нужна отрисовка их значений в элемент с классом red-info после нажатия на кнопку (их в dom дереве тоже много и у них один класс):

<span class="top-cart-info__item">
     Товаров в корзине - <span class="red-info">XXX</span>,
      на сумму <span class="red-info">XXX</span> грн
</span>
<button class="product-box__btn">Добавить</button>
<input class="qty__item" type="number"> Кол
...

Вот такой код не дает результата, отрисовуется значение либо всех полей вместе, либо только первого, а нужно по отдельности:

'use strict'
let quantity = document.querySelectorAll('.qty__item');
let addItem = document.querySelector('.product-box__btn');
let itemsInTheBasket = document.querySelectorAll('.red-info')[0];
addItem.addEventListener('click', function() {
    /*itemsInTheBasket.textContent = quantity.value;*/
    for (let i = 0; i < quantity.length; i++) {
        itemsInTheBasket.textContent = quantity[i].value;
    };
    /*quantity.forEach(function(item, i) {
        itemsInTheBasket.textContent = item.value;
    });*/
});
READ ALSO
Не могу установить Angular

Не могу установить Angular

Такая вот ошибка,переустанавливал node, не помогает

101
Поиск по тексту не работает

Поиск по тексту не работает

У меня есть таблица movies в которой 20 фильмовКогда я произвожу поиск фильма по его названию, выводится все фильмы и echo $sql; возвращает только...

152
Очистить колонцу в MySql

Очистить колонцу в MySql

Есть таблица с колонками id, user, count со значениями

128
Параллакс эффект на чистом CSS

Параллакс эффект на чистом CSS

Пытаюсь совместить эффект параллакса и вот текст, но что-то не особо выходитВесь текст не влезает, а дальше страница не прокручивается

124