Подскажите пожалуйста есть 4 одинаковых блока, выбор товара. И рабочий js код НО он работает только для одного блока. Допустим я выбираю количество с 3-го блока а количество записывает в 1 блок. Мне нужно что бы с какого блока выбрал туда и записалось количество, с 1-го в 1-й, со 2-го во 2-й и т.д Просьба, скиньте готовый js, я в нем пока не селен( а для верстки нужно
let inputValue = document.querySelector(".input-value");
let inputArray = document.querySelectorAll(
".input-array .item .background-item"
);
inputArray.forEach((x) => {
x.addEventListener("click", (e) => {
inputValue.value = e.target.innerText;
});
});
<div class="shopping-menu input-wrapper">
<span class="icon"></span>
<input class="input-value" type="text" value="3" />
<div class="input-array">
<span class="item"> <b class="background-item">1</b></span>
<span class="item"> <b class="background-item">2</b></span>
<span class="item"> <b class="background-item">3</b></span>
<span class="item"> <b class="background-item">4</b></span>
<span class="item"> <b class="background-item">5</b></span>
<span class="item"> <b class="background-item">6</b></span>
<span class="item"> <b class="background-item">7</b></span>
<span class="item"> <b class="background-item">8</b></span>
<span class="item"> <b class="background-item">9</b></span>
<span class="item"> <b class="background-item">10</b></span>
</div>
<input type="submit" value="" class="btn" />
</div>