Всем доброго дня!
Есть код который плюсует/отнимает цифры в инпуте.
var wrapper = document.querySelector('wr');
var countInput = document.getElementById('count');
var butM = document.getElementById('bminus');
var butP = document.getElementById('bplus');
var units = countInput.value.replace(/\d/g, '');
butP.onclick = function(){
countInput.value = parseInt(countInput.value)+1+units;
};
butM.onclick = function(){
if(parseInt(countInput.value) > 1) {
countInput.value = parseInt(countInput.value)-1+units;
}
};
Вот html
<div class="wr">
<div>
<span id="bminus">–</span><input type="text" id="count" value="1 шт" /><span id="bplus">+</span>
<span id="bminus">–</span><input type="text" id="count" value="1 шт" /><span id="bplus">+</span>
<span id="bminus">–</span><input type="text" id="count" value="1 шт" /><span id="bplus">+</span>
<span id="bminus">–</span><input type="text" id="count" value="1 шт" /><span id="bplus">+</span>
</div>
</div>
демо
http://jsfiddle.net/ump6oL6y/13/
Проблема в том что, все это работает только на первом импуте, а на остальных нет, как бы поправить?