Tengo 3 botones más y menos en mi página. Necesito que todos hagan lo mismo una vez que se hace clic.
html:
<div class="product1"> <div class="product1-lable"></div> <div class="product1-price"></div> <button class="minus">+</button> <input class="amount" type="amount" value="0"></input> <button class="plus">-</button> </div>JavaScript:
let btnAdd = document.querySelector('.plus'); let btnSubtract = document.querySelector('.minus'); let input = document.querySelector('input'); btnAdd.addEventListener('click', () =>{ input.value = parseInt(input.value) + 1; }); btnSubtract.addEventListener('click', () =>{ input.value = parseInt(input.value) - 1; });Solo funciona el primer botón, los otros 2 no.
Funcionando bien !
let btnAdd = document.querySelector('.plus'); let btnSubtract = document.querySelector('.minus'); let input = document.querySelector('input'); btnAdd.addEventListener('click', () => { input.value = parseInt(input.value) + 1; }); btnSubtract.addEventListener('click', () => { input.value = parseInt(input.value) - 1; }); <div class="product1"> <div class="product1-lable"></div> <div class="product1-price"></div> <button class="plus">+</button> <input class="amount" type="amount" value="0"> <button class="minus">-</button> </div>