Нужно динамически загружать значение в span

Question

Есть input, из которого нужно динамически (когда вводишь что-то в него) значение менялось в нужном span. Желательно на чистом JS или Jquery

const cartSumm = document.querySelector('.count');
const input = document.querySelector('input').val();
if (input > 0){
  cartSumm.text(input)
}

div{
  display:flex;
  flex-direction:column;
}
input{
  width: 200px;
}

<div>
  <span class="label">Введите количество товара:</span>
  <input></input>
<span>Количество товаров в корзине: <span class='count'>0</span></span>
</div>

Answer 1

const cartSumm = document.querySelector('.count');
const input = document.querySelector('input');

input.addEventListener('input', ({target}) => {     
   if ( target.value > 0){
      cartSumm.textContent = target.value;
    } 
});

div{
  display:flex;
  flex-direction:column;
}
input{
  width: 200px;
}

<div>
  <span class="label">Введите количество товара:</span>
  <input type="text"></input>
  <span>Количество товаров в корзине: <span class='count'>0</span></span>
</div>

БЛОГ НА HUSL

Нужно динамически загружать значение в span

Ответы (1 шт):